@charset "UTF-8";

/* *************************************************************************************** */
  /* *************************************************************************************** */
  html {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    overflow-x:hidden;
  }

  body {
    margin:0;
    padding:0;
  }

  #profile_avatar,#avatar_holder,#profile_main_photo,#header_bar,#footer_bar,#blurb_label,#blurb_value,#about_me_label,#status_label,#member_type_value,#member_message_value,#unix_last_updated_container,#show_message_dialog {
    display:none;
  }

  #username_container,#cam_score_container,#gender_container,#age_container,#country_container,#city_container,#ethnicity_container,#sexual_preference_container,#marital_status_container,#occupation_container,#school_container,#body_type_container,#weight_container,#height_container,#hair_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#favorite_food_container,#pets_container,#automobile_container {
    display:none;
  }

  #member_status_value,#member_status_value:before,#member_status_value:after,#status_container,#status_container a:link,#status_container a {
    display:none;
  }

  .container #last_login_string_label,#unix_last_login_label,#unix_last_broadcast_label {
    display:none;
  }

  .container #last_login_string_value,#unix_last_login_value,#unix_last_broadcast_value,.heading {
    display:none;
  }

  #about_me_value {
    display:block;
    margin:0 auto 0 0;
  }

  #profile_about_me {
    width:100%;
    z-index:3;
  }

  .container {
    display:block;
    margin:0;
  }

  #profile {
    width:100%;
  }

  #profile_header {
    padding:0;
  }

  #profile_header_container {
    min-height:0;
  }

  #profile_friends,#favorite_models_container a:hover {
    display:none;
  }

  #profile_comments,#profile_interests_content #know_me_label,#friends_container .value a:hover,#friends_container .value a,#favorite_models_container .value a {
    display:none;
  }

  .animate > span:after,.mfc_compliance_link a {
    display:none;
  }

  .mfc_compliance_link {
    display:none;
    position:absolute;
  }

  .profile_section_content {
    margin:0;
    padding:0;
  }

  /* ************************************************************************************* */
  /* ************************************************************************************ */
  /* *********************************************************************************** */
  /* ********************************************************************************** */
  :root {
    --amarillo:#E08F00;
  }

  url(https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@300&display=swap);
  @keyframes glow {
    fromtext-shadow:0 0 5px #EFD195,0 0 10px #EFD195,0 0 20px #DB4E00,0 0 30px #DB4E00,0 0 40px #DB4E00,0 0 50px #DB4E00,0 0 60px #DB4E00;
  }

  to {
    text-shadow:0 0 10px #EFD195,0 0 20px #EFD195,0 0 30px #EFD195,0 0 40px #EFD195,0 0 50px #EFD195,0 0 60px #EFD195,0 0 70px #EFD195;
  }  
}

@keyframes glow-box {
  from {
    box-shadow:0 0 5px #EFD195,0 0 10px #EFD195,0 0 20px #DB4E00,0 0 30px #DB4E00,0 0 40px #DB4E00,0 0 50px #DB4E00,0 0 60px #DB4E00;
  }

  to {
    box-shadow:0 0 10px #EFD195,0 0 20px #EFD195,0 0 30px #EFD195,0 0 40px #EFD195,0 0 50px #EFD195,0 0 60px #EFD195,0 0 70px #EFD195;
  }
}

@keyframes glow-img {
  from {
    filter:drop-shadow(5px 0px 4px #DB4E00);
  }

  to {
    filter:drop-shadow(5px 0px 4px #EFD195);
  }
}

a {
  text-decoration:none;
}

body {
  margin:0!important;
  padding:0!important;
}

.body {
  position:relative;
  display:flex;
  justify-content:center;
  font-size:10px!important;
}

.fondo {
  position:absolute;
  width:100%;
  height:auto;
}

.contenedor {
  position:absolute;
  width:84%;
  height:auto;
  top:70px;
}

/** *** BRAND *** **/
.brand img {
  width:80%;
  height:auto;
  display:flex;
  margin:auto;
  animation:glow-img .7s ease-in-out infinite alternate;
}

.mfc {
  width:20%!important;
  height:auto;
  filter:invert(81%) sepia(32%) saturate(397%) hue-rotate(358deg) brightness(102%) contrast(87%);
  animation:glow-img .7s ease-in-out infinite alternate;
  margin-right:10%!important;
}

/** *** BRAND *** **/
/** *** ABOUT *** **/
.contenedor-card {
  display:inline-block;
}

.card-centrado {
  display:flex;
  justify-content:center;
}

.cards {
  margin-top:40%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:80px;
}

.cards-dos {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:80px;
}

.card h1 {
  font-size:3em;
  font-family:'Oswald',sans-serif;
  color:#fff;
  animation:glow-img 1s ease-in-out infinite alternate;
}

.card p {
  font-size:1.5em;
  color:#fff;
  font-family:'Roboto',sans-serif;
}

.card ul {
  font-size:1.5em;
  color:#fff;
  font-family:'Roboto',sans-serif;
}

.list {
  display:flex;
  align-items:center;
  height:50px;
}

.card h2 {
  font-size:2em;
  font-family:'Oswald',sans-serif;
  color:#fff;
  line-height:30px;
  margin-left:20px;
}

.card h2:hover {
  color:var(--amarillo);
}

.star {
  width:26px;
  height:26px;
  animation:glow-img 1s ease-in-out infinite alternate;
}

/** *** ABOUT *** **/
/** *** FOOTER *** **/
.footer {
  margin-top:45%!important;
  gap:40px!important;
  text-align:center;
}

.footer h1 {
  font-size:30px!important;
}

.footer img:hover {
  transform:scale(1.1);
  transition:all .6s ease;
}

.img-left {
  width:70%;
  height:auto;
  transition:all .6s ease;
}

.img-center {
  width:80%;
  height:auto;
  transition:all .6s ease;
}

.img-right {
  width:70%;
  height:auto;
  transition:all .6s ease;
}

.title-center {
  margin-top:-16px;
}

.mfc-bot {
  margin-top:2%;
}

.mfc-bot img {
  width:15em;
  display:flex;
  margin:auto;
  animation:glow-img 1s ease-in-out infinite alternate;
  transition:all .6s ease;
}

.mfc-bot img:hover {
  transform:scale(1.1);
  transition:all .6s ease;
}

/** *** FOOTER *** **/
/** *** QUERYs *** **/
@media only screen and (max-width: 1300px) {
  .footer {
    margin-top:50%!important;
    gap:30px!important;
  }
}

@media only screen and (max-width: 1200px) {
  .footer {
    margin-top:40%!important;
  }

  .list {
    margin-bottom:-10px!important;
  }
}

@media only screen and (max-width: 1100px) {
  .list {
    margin-bottom:-16px!important;
  }
}

@media only screen and (min-width: 1500px) {
  .body {
    font-size:15px!important;
  }
}

@media only screen and (min-width: 1600px) {
  .body {
    font-size:17px!important;
  }
}

@media only screen and (min-width: 1750px) {
  .body {
    font-size:18px!important;
  }
}

@media only screen and (min-width: 1850px) {
  .body {
    font-size:19px!important;
  }

  .list {
    margin-bottom:1em;
  }
}

@media only screen and (min-width: 1950px) {
  .body {
    font-size:20px!important;
  }
}

@media only screen and (min-width: 2050px) {
  .body {
    font-size:21px!important;
  }
}

@media only screen and (min-width: 2150px) {
  .body {
    font-size:22px!important;
  }
}

@media only screen and (min-width: 2250px) {
  .body {
    font-size:23px!important;
  }
}

@media only screen and (min-width: 2350px) {
  .body {
    font-size:24px!important;
  }
}

@media only screen and (min-width: 2250px) {
  .body {
    font-size:25px!important;
  }
}

@media only screen and (min-width: 2350px) {
  .body {
    font-size:25px!important;
  }
}

@media only screen and (min-width: 2450px) {
  .body {
    font-size:26px!important;
  }
}

@media only screen and (min-width: 2550px) {
  .body {
    font-size:27px!important;
  }
}

@media only screen and (min-width: 2650px) {
  .body {
    font-size:28px!important;
  }
}

@media only screen and (min-width: 2750px) {
  .body {
    font-size:29px!important;
  }

  .list {
    margin-bottom:1.6em;
  }
}

@media only screen and (min-width: 2850px) {
  .body {
    font-size:30px!important;
  }
}

@media only screen and (min-width: 2950px) {
  .body {
    font-size:31px!important;
  }
}

@media only screen and (min-width: 3050px) {
  .body {
    font-size:32px!important;
  }
}

@media only screen and (min-width: 3150px) {
  .body {
    font-size:33px!important;
  }
}

@media only screen and (min-width: 3250px) {
  .body {
    font-size:33px!important;
  }
}

@media only screen and (min-width: 3350px) {
  .body {
    font-size:34px!important;
  }
}

@media only screen and (min-width: 3450px) {
  .body {
    font-size:35px!important;
  }
}

@media only screen and (min-width: 3550px) {
  .body {
    font-size:36px!important;
  }
}

@media only screen and (min-width: 3650px) {
  .body {
    font-size:37px!important;
  }
}

@media only screen and (min-width: 3750px) {
  .body {
    font-size:38px!important;
  }

  .list {
    margin-bottom:2.2em;
  }
}

@media only screen and (min-width: 3850px) {
  .body {
    font-size:39px!important;
  }
}

@media only screen and (min-width: 3950px) {
  .body {
    font-size:40px!important;
  }
}

@media only screen and (min-width: 4050px) {
  .body {
    font-size:41px!important;
  }
}

@media only screen and (min-width: 4150px) {
  .body {
    font-size:42px!important;
  }
}

@media only screen and (min-width: 4250px) {
  .body {
    font-size:43px!important;
  }
}

@media only screen and (min-width: 4350px) {
  .body {
    font-size:44px!important;
  }
}

@media only screen and (min-width: 4450px) {
  .body {
    font-size:45px!important;
  }
}

@media only screen and (min-width: 4550px) {
  .body {
    font-size:46px!important;
  }
}