@charset "UTF-8";

#profile {
  background:url(https://fondosmil.com/fondo/17538.jpg);
}

.profile_section {
  dispay:flex;
  justify-content:center;
}

.profile_section_content .heading {
  display:none;
}

.wall_post_time,.convert-time {
  display:none;
}

#profile_main_photo,#tags_container,#about_me_label {
  display:none;
}

.content {
  display:block;
}

#profile_interests_content .label {
  display:none;
}

#avatar_holder {
  background:none;
}

#profile_avatar {
  display:none;
}

#profile_header_container,#unix_last_login_container {
  display:none;
}

#avatar_holder {
  background:none;
}

#footer_bar {
  display:none;
}

#profile_header_container {
  opacity:0;
}

#unix_last_updated_container {
  display:none;
}

#header_bar {
  display:none;
}

#craziest_thing_label.label {
  display:none;
}

#be_anywhere_container,#hobbies_container,#talents_container,#perfect_mate_container,#perfect_date_container,#turn_ons_container,#five_things_container,#know_me_container,#for_fun_container,#favorite_songs_container,#favorite_movies_container,#craziest_thing_container,#favorite_books_container,#meaning_life_container,#know_me_container {
  display:block;
  padding:10px;
  background:rgba(0,0,0,0.50);
  border:1px solid #333;
  margin-bottom:20px;
  visibility:visible;
  font-size:17px;
  color:#fff;
  font-family:'Abel',Palatino Linotype,Book Antiqua,Palatino,serif;
  margin-left:0;
}

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

#profile_about_me_friends {
  display:flex;
  justify-content:center;
}

#rate_label,#average_rating_label,#admirers_label,#friends_label,#favorite_models_label {
}

#profile_friends {
  display:none;
}

#comments {
  display:block;
}

#new_comment {
  display:block;
}

.profile_section_background {
}

.photo_gallery_preview {
  display:none;
}

.profile_section_content {
  z-index:1;
  -webkit-border-radius:5px;
  position:initial;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:5px;
  margin:5px;
}

@font-face {
  font-family:"Yeseva";
  src:url(./Yeseva.woff);
}

@keyframes anim {
  0% {
    background-image:url(https://i.ibb.co/W0Db3St/MG-1093.jpg);
  }

  25% {
    background-image:url(https://i.ibb.co/P5KVBsw/MG-1319.jpg);
  }

  50% {
    background-image:url(https://i.ibb.co/rGCv3LR/MG-1084.jpg);
  }

  75% {
    background-image:url(https://i.ibb.co/F7Lgtnx/MG-1182.jpg);
  }

  100% {
    background-image:url(https://i.ibb.co/JvqN0R4/MG-1095.jpg);
  }
}

body {
  margin:0;
  padding:0;
}

h2 {
  font-weight:900;
}

figure {
  margin:.8rem;
}

.relleno {
  width:33%;
  height:60vh;
  animation-name:anim;
  animation-duration:40s;
  animation-iteration-count:infinite;
  margin:0 2rem;
  background-repeat:no-repeat;
}

.relleno img {
  border-radius:23px;
}

.background_color {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.container_bg {
  width:100%;
  height:100vh;
  background-image:url(https://images.pexels.com/photos/4971990/pexels-photo-4971990.jpeg);
  background-size:cover;
  background-repeat:no-repeat;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.container-to-open {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.container-to-open a {
  text-decoration:none;
  font-weight:900;
}

.container-to-open img {
  border-radius:10px;
  width:250px;
  height:100px;
}

.navbar {
  display:flex;
  flex-direction:column;
  padding:0;
  gap:12px;
}

ul {
  width:80%;
}

.navbar li {
  list-style-type:none;
  background:transparent;
  font-weight:900;
  border:1px solid black;
  border-radius:22px;
  padding:10px;
  width:100%;
  transition:background-color .35s;
}

.navbar li a {
  text-decoration:none;
  color:black;
  font-size:2rem;
}

.navbar li:hover {
  background-color:#e9e9e9;
  cursor:pointer;
}

.navbar_container {
  display:flex;
  flex-direction:column;
  align-items:center;
  column-gap:25px;
  text-align:center;
}

nav {
  width:100%;
  display:flex;
  justify-content:center;
}

/* lightbox sin abrir */
.lightbox {
  display:none;
}

/* lightbox abierto */
.lightbox:target {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Contenido de Lightbox */
.lightbox figcaption {
  width:100%;
  position:relative;
  padding:1.5em 0;
  background-color:#F3F4ED;
  border-radius:25px;
  margin-bottom:-20rem;
}

.lightbox figcaption h3 {
  width:70%;
}

.lightbox figcaption img {
  border-radius:25px;
}

.container_text {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.container_image {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}

.container_image img {
  max-height:500px;
}

.container_gifts {
  display:grid;
  grid-template-columns:352px 2fr;
  column-gap:20px;
  margin-right:10px;
}

.internal_container_gifs {
  display:flex;
  flex-direction:column;
  align-items:center;
}

.internal_container_gifs img:hover {
  box-shadow:3px 3px 3px #5B6D5B;
}

.internal_container_gifs a {
  color:black;
}

.internal_container_gifs h3 {
  display:flex;
  justify-content:center;
  margin:1em 2em;
}

.container_gifts img {
  max-height:350px;
  max-width:350px;
}

h1 {
  font-weight:900;
  font-size:9rem;
  margin:0;
}

/* Botón Cerrar */
.lightbox .close {
  position:relative;
  display:block;
}

.lightbox .close::after {
  right:.5rem;
  top:.5rem;
  width:2rem;
  height:2rem;
  position:absolute;
  display:flex;
  z-index:1;
  align-items:center;
  justify-content:center;
  background-color:black;
  border-radius:50%;
  color:white;
  content:"×";
  cursor:pointer;
}

/* superposición Lightbox */
.lightbox .close::before {
  left:0;
  top:0;
  width:100%;
  height:100%;
  position:fixed;
  background-color:rgba(0,0,0,.7);
  content:"";
  cursor:default;
}