html{
scroll-behavior: smooth;
overflow-X: hidden;
}
#sec-perfil{
  position: relative;
  z-index: -1;
  top:5vh;
}
#perfil {
  padding-top: 10vh;  
}
.galeria{
   background: #e9e9e9; 
  height:150vh;
  box-shadow: 6px 20px 10px black;
  width:90vw;
  margin-left:;
  margin: 0 auto; 
}
*{
    margin: 0;
    padding: 1;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
html{
  background:#a8a5a5;
  
}
#video1{
  margin-left: 2%;
  height: 50vh;
  width: 90vh;
}
.seccion-futuro{
  background: #e9e9e9; 
  height:170vh;
  box-shadow: 6px 20px 10px black;
  width:95vw;
  margin: 0 auto;      
}
.secciones{
  background: #e9e9e9; 
  height:150vh;
  box-shadow: 6px 20px 10px black;
  width:95vw;
  margin: 0 auto;      
}
.seccion-random{
  background: #e9e9e9; 
  height:190vh;
  box-shadow: 6px 20px 10px black;
  width:95vw;
  margin: 0 auto;      
}
li{
  float: left;
  list-style:none; 
  padding: ;
  margin-right: 50vh; 
  margin-top: 4vh;
}
header{
  margin-top:0%;
  height:12vh;
  background-color:black;
  text-align: right;
  position:fixed;
  width:100vw;
  display:grid;
  top:0;
  
  
}
.btn-main{
  text-decoration: none;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-size:2vw;
   display: flex;
  justify-content: center;
  margin-top:-2vw;
  }
.btn-main:hover{
  text-decoration: none;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-size:2.2vw;
   display: flex;
  justify-content: center;
  margin-top:-2vw;
  background-color: grey;
  
}
#btn-volver{
  text-decoration:none;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-size:2vw;
  
}
#btn-volver:hover{
  text-decoration:none;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-size:2.2vw;
  background-color: grey;
  
}
.titulos{
  margin-top:13vh;
  text-align:center;
  font-family: 'Kanit', sans-serif;
  font-size:500%;
  

}
.parrafos{
      font-size: 3.5vh;  
      width:80vw;
      text-align:center;
      font-family: 'Barlow Condensed', sans-serif;
      margin-left:7vh;
    }
.imagen-perfil{
   height:52vh;
  margin-left:3%;
  margin-top:5%;
  box-shadow: 6px 10px 15px black;
}
.imagen-futuro{
   height:40vh;
  margin-left:3%;
  margin-top:5%;
  box-shadow: 6px 10px 15px black;
}
.imagen-colegio{
   height:40vh;
  margin-left:3%;
  margin-top:5%;
  box-shadow: 6px 10px 15px black;
}
.imagen-galeria{
  height:36vh;
  margin-left:2%;
  margin-top:5%;
  box-shadow: 6px 10px 15px black;
}
.imagen-random{
   height:40vh;
  margin-left:2%;
  margin-top:5%;
  box-shadow: 6px 10px 15px black;
}

li{
    margin-right:-3vh;
    padding:2vw;
    padding-top:;

}
.textobarra{
   display: flex;
  justify-content: center;
}
#playlist{
  height: 25vw;
  width: 40vw;
  margin-left: 53%;
  margin-top: -24%;
}