html{
  scroll-behavior: smooth;
}

body{
  font-family: 'Lobster', cursive;
  color: black;
  background-color:#cea7a1;
  text-align:center;
  font-size: 6vw;
}

a{
  text-decoration:none;
  
}

#perfil{
  color: white;
  text-align: center;
  background-color:#d5bf9e ; 
  width: 50vw;
  border-radius:9vw;
  font-size: 5vw;

}

#perfil:hover{ 
  background-color: #79452c;
}

#colegio{
  color: white;
  text-align: center;
  background-color:#d5bf9e ; 
  width: 50vw;
  border-radius:9vw;
  font-size: 5vw;
  position:absolut; 
}

#colegio:hover{ 
  background-color: #79452c;
}

#futuro{
  color: white;
  text-align: center;
  background-color:#d5bf9e ; 
  width: 50vw;
  border-radius:9vw;
  font-size: 5vw;
}

#futuro:hover{ 
  background-color: #79452c;
}

#galeria{
  color: white;
  text-align: center;
  background-color:#d5bf9e ; 
  width: 50vw;
  border-radius:9vw;
  font-size: 5vw;
}

#galeria:hover{ 
  background-color: #79452c;
}

#random{
  color: white;
  text-align: center;
  background-color:#d5bf9e ; 
  width: 50vw;
  border-radius:9vw;
  font-size: 5vw;
}

#random:hover{ 
  background-color: #79452c;
}

.boton2{
  background-color: #c59591;
  font-family: 'Indie Flower', cursive;
  width: 50vw;
  font-size: 3vw;
  transition:2s;
  margin: 10vw;
  
}

.boton2:hover{ 
  background-color: #76474a;
  border-radius: 3vw;
  color: white;
  
}


#botonperfil {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  position: absolute;  
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 11vw;
  transition: 2s; 
  
}

#botonperfil:hover {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size:2vw;
  width: 11vw;
  opacity: 0.9; 
  
}

#botoncolegio{
  background-color: #c48984;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 25vw;
  transition: 2s; 
  margin-righ:12vw; 
  position: absolute;
  left: 15%;
  
}

#botoncolegio:hover{
   background-color: #c48984;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 25vw;
  margin-righ:12vw; 
  opacity: 0.9; 
  left: 15%;
}


#botonfuturo {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 11vw;
  transition: 2s;
  position: absolute;
  left: 43%;

}

#botonfuturo:hover {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 11vw;
  opacity: 0.9;
  left: 43%;
}

#botongaleria{
   background-color: #c48984;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  position: absolute;
  width: 25vw;
  transition: 1s; 
  margin-righ:11vw;
  left: 58%;
  
}

#botongaleria:hover{
   background-color: #c48984;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 25vw;
  margin-righ:11vw; 
  opacity: 0.9; 
  left: 58%;
}

#botonrandom {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  position: absolute;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 11vw;
  transition: 2s; 
  left:85%;
}

#botonrandom:hover {
  background-color: #b3855e;
  border-radius:9vw;
  color: black;
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  width: 11vw;
  opacity: 0.9; 
  left:85%;
}