@charset "UTF-8";

/*******/
#header_bar {
  display:none;
}

#profile_header {
  display:block;
}

.profile_section_content .heading {
  display:none;
}

.content {
  padding:5px;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

#username_container {
  display:none;
}

#gender_container {
  display:none;
}

#sexual_preference_container {
  display:none;
}

#footer_bar {
  display:none;
}

#about_me_label {
  display:none;
}

#profile_about_me {
  margin:auto;
}

#about_me_container {
  margin:auto;
  width:20%;
}

#about_me_value {
  margin:auto;
  width:20%;
}

/* Enhanced links with hover effects */
a {
  color:#40e0d0;
  text-decoration-color:#40e0d0;
  transition:all .3s ease;
  text-shadow:0 0 3px rgba(64,224,208,0.5);
}

a:visited {
  color:#40e0d0;
  text-decoration-color:#40e0d0;
}

a:hover {
  color:#00ced1;
  text-shadow:0 0 8px #20b2aa;
  transform:scale(1.05);
}

/* Apply background and font-family to ALL relevant elements */
body,html {
  height:100%;
  margin:0;
  padding:0;
  color:#fff;
  position:relative;
  overflow-x:hidden;
  background-image:url(https://lexxxgee.com/yr323a/yrenea_bg01a..jpg);
  background-position:center center;
  background-repeat:repeat-y;
  background-size:cover;
  background-attachment:fixed;
}

body::before {
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(64,224,208,0.2) 25%,rgba(0,0,0,0.7) 50%,rgba(64,224,208,0.15) 75%,rgba(0,0,0,0.8) 100%);
  z-index:-1;
}

body::after {
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:radial-gradient(ellipse at center,rgba(64,224,208,0.1) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6) 100%);
  z-index:-2;
}

body,h1,h2,h3,h4,h5,h6,p,a,span,div,li,ul,ol,input,textarea,select,button,.lxg-text,.lxg-goals-box,.lxg-announce-box {
  font-family:"Segoe Script","Lucida Handwriting",cursive,sans-serif;
}

#lxg-bio-container {
  clear:both;
  padding-top:20px;
  width:840px;
  float:left;
  position:relative;
  transition:all .3s ease;
  z-index:2;
}

#profile_comments {
  padding:20px;
  border:solid #00ced1 3px;
  background:rgba(0,0,0,0.8);
  width:767px;
  margin:20px;
  font-size:1.3em;
  border:3px solid #00ced1;
  border-radius:15px;
  box-shadow:0 0 25px #40e0d0,inset 0 0 20px rgba(0,206,209,0.1);
  backdrop-filter:blur(5px);
  transition:all .3s ease;
}

#profile_comments:hover {
  box-shadow:0 0 35px #00ced1,inset 0 0 30px rgba(0,206,209,0.2);
  transform:translateY(-2px);
}

#profile_friends {
  clear:both;
  padding:15px;
  border:solid #00ced1 3px;
  background:rgba(0,0,0,0.8);
  width:767px;
  margin:20px;
  font-size:1.3em;
  border:3px solid #00ced1;
  border-radius:15px;
  box-shadow:0 0 25px #40e0d0,inset 0 0 20px rgba(0,206,209,0.1);
  backdrop-filter:blur(5px);
  transition:all .3s ease;
}

#profile_friends:hover {
  box-shadow:0 0 35px #00ced1,inset 0 0 30px rgba(0,206,209,0.2);
  transform:translateY(-2px);
}

/* Apply background and font-family to ALL relevant elements */
body::before {
  background:rgba(0,0,0,0.7);
  z-index:1;
  pointer-events:none;
}

/* Responsive positioning adjustments */
@media (max-width: 1200px) {
  #lxg-bio-container {
    width:90%;
    margin-left:5%;
  }
}

@media (max-width: 900px) {
  #lxg-bio-container {
    width:95%;
    margin-left:2%;
    float:none;
  }
}

@media (max-width: 768px) {
  #lxg-bio-container {
    width:98%;
    margin-left:1%;
    padding-top:10px;
  }
}

/* Table-aware styles - minimal interference */
table {
  font-family:inherit!important;
  color:inherit!important;
  background:inherit!important;
  border:inherit!important;
}

table td,table th {
  font-family:inherit!important;
  color:inherit!important;
  background:inherit!important;
  border:inherit!important;
  padding:inherit!important;
}

/* Enhanced headings with more glow and better readability */
h1.lxg-heading {
  font-size:6em;
  color:#40e0d0;
  text-align:center;
  text-shadow:2px 2px 4px #000000,-1px -1px 2px #000000,1px -1px 2px #000000,-1px 1px 2px #000000,0 0 12px #40e0d0,0 0 20px #20b2aa,0 0 30px #40e0d0;
  transition:all .4s ease;
  animation:float 8s ease-in-out infinite;
}

h2.lxg-subheading {
  font-size:4em;
  text-align:center;
  color:#40e0d0;
  margin-top:20px;
  text-shadow:2px 2px 4px #000000,-1px -1px 2px #000000,1px -1px 2px #000000,-1px 1px 2px #000000,0 0 10px #40e0d0,0 0 18px #20b2aa,0 0 25px #40e0d0;
  transition:all .4s ease;
}

h3.lxg-subheading {
  font-size:2em;
  color:#40e0d0;
  text-align:center;
  margin-bottom:10px;
  text-shadow:1px 1px 3px #000000,-1px -1px 1px #000000,1px -1px 1px #000000,-1px 1px 1px #000000,0 0 8px #40e0d0,0 0 15px #20b2aa,0 0 20px #40e0d0;
  transition:all .4s ease;
  line-height:2.2em;
  margin-block-start:0;
  margin-block-end:0;
}

h1.lxg-heading:hover,h2.lxg-subheading:hover,h3.lxg-subheading:hover {
  transform:scale(1.02);
  color:#00ced1;
  text-shadow:2px 2px 4px #000000,-1px -1px 2px #000000,1px -1px 2px #000000,-1px 1px 2px #000000,0 0 15px #00ced1,0 0 25px #00ced1,0 0 35px #20b2aa;
}

.lxg-section {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  animation:lxgFadeInUp 1s ease-out forwards;
  opacity:0;
  flex-wrap:wrap;
  transition:all .3s ease;
}

.lxg-section:hover {
  transform:translateY(-3px);
}

.lxg-section.reverse {
  flex-direction:row-reverse;
}

/* Enhanced images with better effects */
.lxg-section img {
  max-width:320px;
  border-radius:25px;
  box-shadow:0 0 20px #00ced1,0 0 40px rgba(64,224,208,0.3);
  margin:20px;
  animation:lxgGlowPulse 4s ease-in-out infinite;
  transition:all .4s ease;
  border:2px solid rgba(0,206,209,0.3);
}

.lxg-section img:hover {
  transform:scale(1.03) rotate(1deg);
  box-shadow:0 0 30px #00ced1,0 0 60px rgba(64,224,208,0.4);
}

.lxg-text {
  color:#fff;
  max-width:360px;
  margin:20px;
  font-size:1.8em;
  text-shadow:0 0 8px #20b2aa,0 0 15px rgba(32,178,170,0.5);
  transition:all .3s ease;
  padding:15px;
  border-radius:15px;
  background:rgba(64,224,208,0.05);
  backdrop-filter:blur(10px);
  border:1px solid rgba(0,206,209,0.2);
}

.lxg-text:hover {
  background:rgba(64,224,208,0.1);
  transform:translateY(-2px);
  text-shadow:0 0 12px #20b2aa,0 0 20px rgba(32,178,170,0.7);
}

/* Enhanced iframes */
.lxg-iframe {
  width:380px;
  height:600px;
  border:3px solid #00ced1;
  border-radius:20px;
  box-shadow:0 0 25px #40e0d0,0 0 50px rgba(64,224,208,0.3);
  margin:20px;
  transition:all .3s ease;
}

.lxg-iframe:hover {
  transform:translateY(-5px);
  box-shadow:0 0 35px #00ced1,0 0 70px rgba(64,224,208,0.4);
}

.lxg-iframe2,.lxg-iframe3,.lxg-iframe4 {
  width:800px;
  height:300px;
  border:3px solid #00ced1;
  border-radius:20px;
  box-shadow:0 0 25px #40e0d0,0 0 50px rgba(64,224,208,0.3);
  margin:20px;
  transition:all .3s ease;
}

.lxg-iframe2:hover,.lxg-iframe3:hover,.lxg-iframe4:hover {
  transform:translateY(-5px);
  box-shadow:0 0 35px #00ced1,0 0 70px rgba(64,224,208,0.4);
}

/* Enhanced boxes with glassmorphism */
.lxg-goals-box,.lxg-announce-box {
  max-width:800px;
  margin:40px auto;
  padding:25px;
  border:2px solid #00ced1;
  border-radius:20px;
  background:rgba(64,224,208,0.15);
  box-shadow:0 0 20px #40e0d0,inset 0 0 20px rgba(64,224,208,0.1);
  animation:lxgFadeInUp 1.2s ease-out forwards;
  opacity:0;
  backdrop-filter:blur(15px);
  transition:all .3s ease;
}

.lxg-goals-box:hover,.lxg-announce-box:hover {
  transform:translateY(-5px);
  background:rgba(64,224,208,0.2);
  box-shadow:0 0 30px #00ced1,inset 0 0 30px rgba(64,224,208,0.15);
}

.lxg-goals-box ul {
  list-style:none;
  padding-left:0;
  margin:0;
  font-size:1.4em;
}

.lxg-goals-box li {
  margin:15px 0;
  text-shadow:0 0 10px #40e0d0;
  padding:8px;
  border-radius:8px;
  background:rgba(64,224,208,0.05);
  transition:all .3s ease;
}

.lxg-goals-box li:hover {
  background:rgba(64,224,208,0.15);
  transform:translateX(5px);
}

.lxg-goals-box span {
  color:#66ffff;
  font-weight:bold;
  margin-right:15px;
  text-shadow:0 0 8px #40e0d0;
}

.lxg-announce-box p {
  margin:0;
  font-size:1.4em;
  line-height:1.6;
  text-shadow:0 0 10px #40e0d0;
  text-align:center;
}

/* Enhanced animations */
@keyframes lxgFadeInUp {
  from {
    transform:translateY(80px);
    opacity:0;
  }

  to {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes lxgGlowPulse {
  0%,100% {
    box-shadow:0 0 20px #40e0d0,0 0 40px rgba(64,224,208,0.3);
  }

  50% {
    box-shadow:0 0 35px #00ced1,0 0 70px rgba(0,206,209,0.5);
  }
}

/* Floating animation for special elements */
@keyframes float {
  0%,100% {
    transform:translateY(0px);
  }

  50% {
    transform:translateY(-10px);
  }
}

/* Mobile responsiveness with better positioning */
@media (max-width: 768px) {
  .lxg-section,.lxg-section.reverse {
    flex-direction:column;
    margin:0 auto;
    padding:10px 5px;
  }

  h1.lxg-heading {
    font-size:3em;
  }

  h2.lxg-subheading,h3.lxg-subheading {
    font-size:1.8em;
  }

  .lxg-text {
    font-size:1.5em;
    max-width:90%;
    margin:10px auto;
  }

  .lxg-iframe {
    width:95%;
    max-width:350px;
    margin:10px auto;
  }

  .lxg-iframe2,.lxg-iframe3,.lxg-iframe4 {
    width:95%;
    max-width:400px;
    margin:10px auto;
  }

  .lxg-goals-box,.lxg-announce-box {
    max-width:95%;
    margin:20px auto;
    padding:15px;
  }

  #lxg-bio-container {
    width:98%;
    margin-left:1%;
    padding-top:10px;
  }
}

@media (max-width: 480px) {
  #lxg-bio-container {
    width:100%;
    margin-left:0;
    padding:5px;
  }

  .lxg-section {
    padding:5px 2px;
  }

  h1.lxg-heading {
    font-size:2.5em;
  }

  h2.lxg-subheading {
    font-size:1.6em;
  }

  h3.lxg-subheading {
    font-size:1.4em;
  }
}

/************/