html {
  scroll-behavior: smooth;
}
body {
  background-color: #5E6426;
  margin: 0;
}
.cuerpo {
  background-color: #DEF3BA;
}
.titulo {
  margin-left: 25vw;
  width: 50vw;
  height: 8vw;
  padding: 0vw;
  line-height: 1.5;
  font-family: 'DM Serif Display', serif;
  font-size: 36px;
  color: #5E6426;
  text-align: center;
 } 
 .topnav {
   background-color: #DEF3BA;
   height: 4.1vw;
   text-align: center;
   margin-top: 0px;
   width: 50vw;
   margin-left: 25vw;
}
.boton {
 padding-left: 2vw;
 padding-right: 2vw;
 width: 12.5vw;  
}
#a{
  font-size: 30px;
}
.topnav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.39vw;
  color: #5E6426;
  text-decoration: none;
}
.topnav a:hover {
  background-color: #7D8B55;
  color: white;
  overflow: hidden;
}
.arrow {
  border: solid #5E6426;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 10px;
  float: right;
  margin-top: 4.5vw;
  margin-right: 11vw;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#secPerfil {
  background-color: #DEF3BA;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: #5E6426;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: left;
  padding-left: 2vw;
}
#secIllia {
  background-color: #DEF3BA;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: #5E6426;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: left;
  padding-left: 2vw;
}
#secRandom {
  background-color: #DEF3BA;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: #5E6426;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: left;
  padding-left: 2vw;
}
#secFuturo {
  background-color: #DEF3BA;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: #5E6426;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: left;
  padding-left: 2vw;
}

.parrafos {
  background-color: #DEF3BA;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #5E6426;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
  margin-left: 10vw;
  margin-right: 1vw;
  margin-top: 2vw;
  /**margin-bottom: 2vw;**/
  line-height: 1.15;
  width: 77.3vw;
}
.mascara {
  background-color: black;
  width: 19vw;
  height: 23vw;
  overflow: hidden;
  float: right;
  margin-top: 1vw;
  margin-right: 8.8vw;
  margin-left: 2vw;
}
.mascara img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.galeria {
  margin-top: 2vw;
  border: 9px solid #F9F6E3;
  width: 80vw;
  margin-left: 10vw;
  filter: opacity(80%);
  background-color: #F9F6E3;
  
}

.galeria:hover {
  border: 9px solid #F9F6E3;
  filter: none;
  transition: filter 1s;
}

.galeria img {
  width: auto;
  height: 17vw;
}

.playlist{
  margin-left: 10vw;
  margin-right: 7.7vw;
}

.galeriaSeries {
  margin-top: 2vw;
  border: 0;
  width: 80vw;
  margin-left: 10vw;
  filter: opacity(90%); 
}
.galeriaSeries:hover {
  border: 0;
  filter: none;
  transition: filter 1s;
}
.galeriaSeries img {
  width: auto;
  height: 20vw;
  margin-right: 1.2vw;
  margin-left: 1.2vw;
}

.galeriaFuturo {
  margin-top: 2vw;
  border: 9px solid #F9F6E3;
  width: 80vw;
  height: auto;
  margin-left: 10vw;
  filter: opacity(80%);
  background-color: #F9F6E3;
  
}

.galeriaFuturo:hover {
  border: 9px solid #F9F6E3;
  filter: none;
  transition: filter 1s;
}

.galeriaFuturo img {
  width: 13vw;
  height: auto;
}