/*fondo*/

html {
  scroll-behavior: smooth;
}
body {
  background-image: url("https://i.pinimg.com/originals/ee/1e/ef/ee1eef9fffb70700b0c5469dc4e6a6c0.jpg");
  background-position: center;
  background-size: 110vw;
  background-attachment:fixed;
}

/*barra de botones*/

#menu {
  position: absolute;
  left: 21vw;
  list-style-type: none;
  width:55.47vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0.3vw;
  background:#ADB5BD;
  overflow: hidden;
  border-radius:20vw;
  }
#menu a{
  font-family: 'Special Elite', cursive;
  font-size: 2.5vw;
  color: #272727;
  text-decoration: none;
  padding: 2vw 2vw;
  padding-left: 1.5vw;
  
}

#menu a:hover{
  color:#c6bbb9;
  background-color:#21242b;
  transition-duration:0.9s;
}
#menu {
  color:#343A40;
  background-color: #ADB5BD;
  top: 20px;
}

/*cajita gris*/

.box{
  background-color:#242424;
  padding: 6vw;
  margin-left: 17vw;
  width: 50.3vw;
  float: center;
  border-radius:1vw;
}

/*textos*/
#anuario{
  padding-top: 5vw;
  padding-left: 0vw;
  padding-right: 10vw;
  margin-left: 9vw;
  width: 50vw;
  float: center; 
  font-family: 'Special Elite', cursive;
  font-size: 5vw;
  color: #DEE2E6;
  
}

/*PERFIL*/

#perfil1{
  font-family: 'Special Elite', cursive;
  font-size: 1.4vw;
  color: #242424;
  background-color: #ADB5BD;
  padding-left: 1.8vw;
  padding-right: 0.4vw;
  border-radius: 2vw;
  width: 48vw;
  height: 3vw;
  padding-top: 0vw;
  margin-top: 2vw;
}

#imagenperfil{  
  float: right;
  width: 200px;
  height: 200px;
border-radius:;
  margin-right: 1.5vw;
  margin-top:0vw;
}

/*ACA VA UNA FOTO MIA, la del gato es provisoria*/

#imagenperfil:hover{
   transition:all 0.6s ease;
  transform: scale(1.3,1.3); 
  
}

.sobremi {
 color: #DEE2E6;
 font-family: 'Pangolin', cursive;
 font-size:1.5vw;
}
.parrafos{
 color:#ababab;
 font-family: 'Pangolin', cursive;
 font-size: 2vw
}

#illia1 {
  font-family: 'Special Elite', cursive;
  font-size: 1.4vw;
  color: #242424;
  background-color: #ADB5BD;
  padding-left: 1.8vw;
  padding-right: 0.4vw;
  border-radius: 2vw;
  width: 48vw;
  height: 3vw;
  padding-top: 0vw;
}

#futuro1 {
  font-family: 'Special Elite', cursive;
  font-size: 1.4vw;
  color: #242424;
  background-color: #ADB5BD;
  padding-left: 1.8vw;
  padding-right: 0.4vw;
  border-radius: 2vw;
  width: 48vw;
  height: 3vw;
  padding-top: 0vw;
}

#random1 {
  font-family: 'Special Elite', cursive;
  font-size: 1.4vw;
  color: #242424;
  background-color: #ADB5BD;
  padding-left: 1.8vw;
  padding-right: 0.4vw;
  border-radius: 2vw;
  width: 48vw;
  height: 3vw;
  padding-top: 0vw;
}

/*BOTONES*/

#boton1{
  font-family: 'Pangolin', cursive;
  font-size: 1.5vw;
  color: white;
  padding: 1vw 1vh;
  text-align: right;
}

#boton1 a:hover{
  color: #272727;
  background-color:#ADB5BD;
  transition-duration:0.9s;
  width: 10vw;
  height: 10vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#boton1 a{
  text-decoration: none;
  color: white;
  font-family: 'Pangolin', cursive;
}

#boton2{
  font-family: 'Pangolin', cursive;
  font-size: 1.5vw;
  color: white;
  padding: 1vw 1vh;
  text-align: right;
}

#boton2 a:hover{
  color: #272727;
  background-color:#ADB5BD;
  transition-duration:0.9s;
  width: 10vw;
  height: 10vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#boton2 a{
  text-decoration: none;
  color: white;
  font-family: 'Pangolin', cursive;
}

#boton3{
  font-family: 'Pangolin', cursive;
  font-size: 1.5vw;
  color: white;
  padding: 1vw 1vh;
  text-align: right;
}

#boton3 a:hover{
  color: #272727;
  background-color:#ADB5BD;
  transition-duration:0.9s;
  width: 10vw;
  height: 10vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#boton3 a{
  text-decoration: none;
  color: white;
  font-family: 'Pangolin', cursive;
}

#boton4{
  font-family: 'Pangolin', cursive;
  font-size: 1.5vw;
  color: white;
  padding: 1vw 1vh;
  text-align: right;
}

#boton4 a:hover{
  color: #272727;
  background-color:#ADB5BD;
  transition-duration:0.9s;
  width: 10vw;
  height: 10vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#boton4 a{
  text-decoration: none;
  color: white;
  font-family: 'Pangolin', cursive;
}

#boton5 a:hover{
  color: #272727;
  background-color:#ADB5BD;
  transition-duration:0.9s;
  width: 10vw;
  height: 10vw;
  padding: 0vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#boton5 a{
  text-decoration: none;
  color: white;
  font-family: 'Pangolin', cursive;
}