@charset "UTF-8";

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

body {
  background-image:url(https://i.makeagif.com/media/9-08-2016/uYfzVg.gif);
  background-position:center;
  background-size:100% 100%;
  width:100vw;
  background-attachment:fixed;
  top:0;
  position:relative;
  margin:0;
}

#line {
  width:100vw;
  height:12.5vw;
  background-color:black;
  position:absolute;
  bottom:47.5vw;
  left:0;
  padding-inline-start:0;
  text-align:center;
}

#bt1,#bt2,#bt3,#bt4 {
  position:relative;
  float:center;
  margin:4vw;
  border-radius:25%;
  transform:rotate(0deg);
  transition:.5s;
}

#bt1:hover,#bt2:hover,#bt3:hover,#bt4:hover {
  position:relative;
  float:center;
  margin:4vw;
  border-radius:50%;
  transform:rotate(25deg);
  transition:.5s;
}

#fondo {
  width:100vw;
  height:271.429vw;
  padding:0;
  margin:0;
}

.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;
}

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

.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%;
}

#fondoklo {
  position:relative;
  width:96vw;
  height:456vw;
  left:2vw;
  margin:0;
  padding:0ve;
  background-image:url();
  background-attachment:fixed;
  background-position:center;
  background-size:100vw 100vh;
  list-style-type:none;
  padding-left:0;
}

#klo1 {
  position:absolute;
  top:0;
  width:96vw;
  left:0;
}

#klo2 {
  position:absolute;
  top:141.8vw;
  width:57.9vw;
  left:18.9vw;
}

#klo3 {
  position:absolute;
  top:314.4vw;
  width:57.9vw;
  left:18.9vw;
}

#klo4 {
}

#klo5 {
}

#klo6 {
}

#klo7 {
}

#klo8 {
}

#klo9 {
}

#klo10 {
}

#klo11 {
}

#klo12 {
}