html {
  scroll-behavior: smooth;
}

body {
  background-image: url('https://i.ibb.co/qkBBsNh/Whats-App-Image-2022-07-07-at-6-15-20-PM.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-size: cover;
  margin: 0;
}

.cuerpo {
  background-color: #FACBE6;
}

.titulo {
  margin-left: 10vw;
  width: 50vw;
  height: 8vw;
  padding: 0vw;
  line-height: 1;
  font-family: 'tapestry', serif;
  font-size: 36px;
  color: #982D7C;
  text-align: center;
 } 

 .topnav {
   background-color: #FACBE6;
   height: 4.1vw;
   text-align: center;
   margin-top: 5px;
   width: 100vw;
   margin-left: 0vw;
}

.boton {
 padding-left: 2vw;
 padding-right: 2vw;
 width: 12.5vw;  
}

.topnav a {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.39vw;
  color: #982D7C;
  
}

.topnav a:hover {
  background-color: #A01E69;
  color: white;
  overflow: hidden;
}

.arrow {
  border: solid black;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 10px;
  float: right;
  margin-top: 5vw;
  margin-right: 11vw;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#secPerfil {
  background-color: #F263B5 ;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: black;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: center;
  padding-left: 2vw;
}

#secIllia {
  background-color: #F263B5 ;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: black;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: center;
  padding-left: 2vw;
}

#secRandom {
  background-color: #F263B5 ;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: black;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: center;
  padding-left: 2vw;
}

#secFuturo {
  background-color: #F263B5 ;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: black;
  margin-left: 10vw;
  width: 79.4vw;
  text-align: center;
  padding-left: 2vw;
}

.parrafos {
  background-color: #FACBE6;
  font-family: 'Tiro Bangla', sans-serif;
  font-size: 20px;
  color: #982D7C;
  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: 90vw;
  margin-left: 5vw;
  filter: opacity(60%);
  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(60%); 
}

.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: 25vw;
  height: auto;
}