@charset "UTF-8";

/* -------------------hidden elements--------------------- */
#header_bar {
  display:none;
}

#profile_header_container {
  display:none;
}

#avatar_holder {
  display:none;
}

#username_container {
  display:none;
}

#gender_container {
  display:none;
}

#sexual_preference_container {
  display:none;
}

.heading {
  display:none;
}

#profile_friends {
  display:none;
}

#tags_container {
  display:none;
}

#about_me_label {
  display:none;
}

.profile_row {
  display:none;
}

.nav-icons {
  display:none;
  visibility:hidden;
}

#footer_bar {
  display:none;
}

/* -------------------hidden elements--------------------- */
/* -------------------full screen-----------------------*/
body {
  font-size:1rem;
  line-height:1;
  padding:0;
  margin:0;
  background-color:#000000;
}

/*----------------Barra Superior--------*/
#barra_superior {
  background:linear-gradient(to bottom,#e66bff,#000000);
  font-family:'Montserrat',sans-serif;
  font-weight:bold;
}

.contenedor_bar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px;
}

.contenedor_items {
  display:flex;
  gap:20px;
  margin-left:15px;
}

.contenedor_items a {
  color:white;
  text-decoration:none;
  font-size:16px;
  transition:all .3s ease-in-out;
  text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff,0 0 80px #0ff;
}

.contenedor_items a:hover {
  color:#ffffff;
  font-size:20px;
}

.icon-container {
  display:flex;
  gap:10px;
  margin-right:15px;
}

.icons-container {
  width:150px;
  height:48px;
  display:flex;
  flex-direction:row;
  background-size:contain;
  background-repeat:no-repeat;
}

.icons-container a {
  display:inline-block;
  transition:transform .5s cubic-bezier(0.34,1.56,0.64,1);
}

.icons-container a:hover {
  transform:rotate(180deg) scale(1.2);
}

.onlyfans {
  background-image:url(https://i.ibb.co/wQQbY7c/4.png);
}

.twitter {
  background-image:url(https://i.ibb.co/FKCc5Yf/2.png);
}

/*--------------presentacion----------*/
.presentacion {
  height:100vh;
  width:100%;
  display:flex;
  justify-content:center;
  background-color:#000;
}

.Background_presentacion {
  height:auto;
/* Mantiene la proporción */
  display:block;
/* Elimina espacios adicionales */
}

/*-----------Sobre mi ---------*/
#ABOUT {
  width:100%;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}

.BarraAbout {
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  background:linear-gradient(to top,#000000,#bc5ffe);
  padding:20px;
  text-align:center;
  font-family:'Arial',sans-serif;
  color:white;
  font-size:24px;
  font-weight:bold;
  z-index:10;
  box-shadow:0 0 5px #a200ff,0 0 10px #a200ff,0 0 20px #ff00c8,0 0 40px #ff00c8;
}

.typewriter {
  font-size:48px;
  font-weight:bold;
  font-family:'Courier New',monospace;
  color:#ffffff;
  text-shadow:0 0 5px #a200ff,0 0 10px #ff00c8,0 0 20px #ff00c8;
  overflow:hidden;
  white-space:nowrap;
  border-right:3px solid #ffffff;
  width:0;
  animation:typing 8s steps(10,end) infinite,blink-caret .75s step-end infinite;
  margin:0 auto;
}

@keyframes typing {
  0% {
    width:0;
  }

  50% {
    width:20ch;
  }

  100% {
    width:0;
  }
}

@keyframes blink-caret {
  from,to {
    border-color:transparent;
  }

  50% {
    border-color:#ffffff;
  }
}

.Background_about {
  width:100%;
  margin-top:80px;
  border-radius:0 0 8px 8px;
}

/*------------RULES SESION--------*/
url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap);
#RULES {
  padding:40px 20px;
  background:#000;
  color:#fff;
  text-align:center;
  font-family:'Orbitron',sans-serif;
}

.rules-title,h2 {
  font-size:48px;
  animation:neonGlow 2s infinite ease-in-out;
  text-align:center;
  margin-bottom:60px;
  color:#00f0ff;
  text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff;
}

.rules-box {
  border:4px solid transparent;
  padding:30px;
  border-radius:15px;
  background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#ff00f0,#00f0ff) border-box;
  box-shadow:0 0 30px #00f0ff,0 0 40px #ff00f0;
  max-width:800px;
  margin:0 auto;
  text-align:left;
}

.rules-list {
  list-style:none;
  padding:0;
  margin:0;
  font-size:16px;
  line-height:1.7;
  font-family:Arial,sans-serif;
}

.rules-list li {
  margin-bottom:15px;
  color:#eee;
}

@keyframes bounceStar {
  0%,100% {
    transform:translateY(0);
  }

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

.rules-list .star {
  color:#ff00f0;
  margin-right:10px;
  font-size:18px;
  text-shadow:0 0 10px #ff00f0;
  display:inline-block;
  animation:bounceStar 1.6s ease-in-out infinite;
}

@keyframes neonGlow {
  0%,100% {
    text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff;
    color:#ffffff;
  }

  50% {
    text-shadow:0 0 2px #007a99,0 0 5px #007a99;
    color:#ffffff;
  }
}