*{
  scroll-behavior: smooth;
  font-family: 'Roboto', sans-serif;
}
html{
background:black;

}
#boton1:hover{
  color:black;
}
.titulo-main{
  color:white;
  font-size:10vh;
  margin-left:55vw;
  text-align:center;
  position:absolute;
}
span{
  text-align:center;
}
.celeste{
  background-color:#8FBAC8;
}
.blanco{
  background-color:white;
  color:black;
}
.blanco, .celeste{
  border: solid 2px
}
.encabezado{
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: right;
    
}
.barra {
    display: flex;
    align-items: center;
    height: 63px;
    background: lightblue;
    position: sticky;
    width: 100%;
}

#boton1{
  text-decoration: none;
  color: White;
  font-size: 20px;
  margin-left:20px;
  
}
.encabezado{
    height:100vh !important;
    background: url(https://cdn.discordapp.com/attachments/734904238232043560/1015058601418686464/wallpaperbetter.jpg) no-repeat center;
    background-size: cover;
    background-color: red;
}

.btm{
    text-align:center;
    text-decoration: none;
    height:5vh;
    width:8vw;
    display: inline-block;
    margin-top: 5vh;
    padding: 10px 80px;
    font-size:25px;
    margin-left:20vw;
  
  
  
}
.btm:hover{
  transition:300ms;
  background:darkblue;
  font-size:25px;
  }
.zona{
   height:120vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
}
.uno{
  background-color:white;
}

.dos{
  background-color:lightblue;
  height: 180vh;
}

.titulos{
  font-family: 'Oswald', sans-serif;
  font-size:100px;
  margin-top:0vh;
}

.parrafos{
  color:black;
  font-size:25px;
  margin-left:5vw;
  margin-right:5vw;
}
.img-perfil{
  border-radius:50%;
  border:solid 5px lightblue;
  height:50vh;
  }
.barra-nav ul{
     display: flex;
    justify-content: center;
    align-items: center;
   list-style-type: none;
   text-align: center;
   height:7vh;
   background-color:#8FBAC8;
  border:solid 0.4vh ;
  
   
}

.barra-nav li{
   display: inline;
   text-align: center;
   margin: 0 10px 0 0;
   
   
  
}
a{
  text-decoration:none;
  color:white;
  font-size:1vw;
  padding:2vh;
  padding-top:2vh;
  
}
a:hover{
  background-color:white;
  color:black;
  
}
#botonera{
  position:sticky;
     top:0;
}

li{
margin-left:5vw;
  
  
}

.imagenes{ padding-top: 0.1vh;
    text-align: center;
    padding-bottom: 0.1vh;
    
      
  }
  
  .img-galeria{ filter: grayscale(100%)}
  .img-galeria:hover {position: relative; 
    transform: translateY(-30px); 
    transition: 0.5s;
    filter: grayscale(0%)
    
  }