@charset "UTF-8";

@font-face {
  font-family:Pangolin;
  src:url(https://fonts.googleapis.com/css?family=Pangolin&display=swap);
}

body {
  background-image:url(https://pngimage.net/wp-content/uploads/2018/05/elegant-background-png-1.png);
  background-position:center;
  background-size:100% 100%;
  width:100vw;
  background-attachment:fixed;
  top:0;
  position:relative;
  margin:0;
}

#fondo {
  width:100vw;
}

#fondo img {
  width:100vw;
}

.mfc_profile_customized,.profile_section_background,.profile_section,.profile_section_content {
  padding:0;
  margin:0;
}

.slider {
  position:relative;
  width:100vw;
  height:58.333vw;
  margin:auto;
  overflow:hidden;
}

.slider ul {
  display:flex;
  padding:0;
  width:400vw;
  animation:cambio 20s infinite alternate linear;
}

.slider il {
  list-style:none;
  width:100vw;
}

.slider img {
  width:100vw;
  height:58.333vw;
}

@keyframes cambio {
  0% {
    margin-left:0;
  }

  20% {
    margin-left:0;
  }

  25% {
    margin-left:-100vw;
  }

  45% {
    margin-left:-100vw;
  }

  50% {
    margin-left:-200vw;
  }

  70% {
    margin-left:-200vw;
  }

  75% {
    margin-left:-300vw;
  }

  100% {
    margin-left:-300vw;
  }
}

.heading {
  display:none;
}

.profile_row {
  display:none;
}

.server_time,.header_links,.label,.value,.recent_photos, {
  display:none;
}

.recent_photos {
  display:none;
}

#about_me_label,#tags_label,#main_photo,#mfc_time,#header_bar,#username_container,#cam_score_label,#sexual_preference_container,#gender_container,#cam_score_container,#tags_value,#profile_friends,#footer_bar {
  display:none;
}

.titulo,.cuerpo,.horario,.show,.tips,.rules,.mfc {
  margin:0;
  padding:0;
  width:100vw;
  position:relative;
  top:0;
  left:0;
}

.cuerpo img,.horario img,.show img,.rules img,.mfc img {
  padding:0;
  width:80vw;
  position:relative;
  top:0;
  left:0;
  margin:10vw;
}

.titulo img,.tips img {
  padding:0;
  width:100vw;
  position:relative;
  top:0;
  left:0;
}

iframe {
  position:relative;
  left:0;
  width:100vw;
  height:80vw;
  border:1px solid #3e3e3e;
  overflow:hidden;
  top:-80vw;
}

.redes {
  width:100vw;
  margin:0;
  padding:0;
  position:absolute;
  z-index:999;
  top:47.5vw;
  text-align:center;
}

#red1,#red2,#red3,#red4,#red5 {
  width:7.143vw;
  margin:1.1vw 5vw;
  text-align:center;
  float:center;
  position:relative;
  transition:all .3s ease-in-out 0s;
  border-radius:50%;
}

#red1:hover {
  transform:rotate(360deg);
  transition:all .3s ease-in-out 0s;
  margin:.1vw 4vw;
  border-radius:25%;
  width:9.143vw;
}

#red2:hover {
  transform:rotate(360deg);
  transition:all .3s ease-in-out 0s;
  margin:.1vw 4vw;
  width:9.143vw;
  border-radius:25%;
}

#red3:hover {
  transform:rotate(360deg);
  transition:all .3s ease-in-out 0s;
  margin:.1vw 4vw;
  width:9.143vw;
  border-radius:25%;
}

#red4:hover {
  transform:rotate(360deg);
  transition:all .3s ease-in-out 0s;
  margin:.1vw 4vw;
  width:9.143vw;
  border-radius:25%;
}

#red5:hover {
  transform:rotate(360deg);
  transition:all .3s ease-in-out 0s;
  margin:.1vw 4vw;
  width:9.143vw;
  border-radius:25%;
}