a{text-decoration:none}
html{scroll-behavior:smooth;}
body {
background-color: lightblue; 
color:white;
font-family: 'Goblin One', verdana;
font-size: 35px  
}
#nombre{
font-size: 40px;
text-align: center;
opacity: 0.8;
padding:28px;
text-shadow: 2px 2px 2px darkred;
color: purple;
}
#titulo{
  text-align: center;
  color:violet;
  opacity:1;
  font-family:'Lobster',arial;
  width: 61vw;
  margin-left: 18vw;
  background-color:#fdecda;
  transition-duration: 5s;
  animation-name: pickup;
  animation-duration: 2.5s;
  animation-delay: 2s;
}
@keyframes pickup {
from {
margin-left: 50%;
width: 1%;
opacity: 0;
font-size: 3px;
}

to {
margin-left: 10%;
width: 80%;
opacity: 1;
font-size: 35px;
}
}
 .botones {
color: #fff;
background-color:pink;
border-radius: 20px;
padding: 10px;
font-size: 4vw;
font-family:'Crimson Pro', arial;
}
.botones:hover{
background-color: #333;
opacity: 0.8;
}
.botonesder{
text-align: right;
}
.botonesizq:hover{
  color: lightpurple;
  background-color:black;
}
#lista{
list-style-type:circle;
margin-left: 18vw;
width: 48vw;
}
.titulos{
background-color:#f3dbc3;
text-align:center;
color:#ff0080;
border-radius:22vw;
padding:2vw;
width:50vw;
margin-left:21vw;
font-size:3.5vw;
}
.parrafos{
background-color:#ea899a;
color:#eaccad;
font-family:'Zen Loop';
text-align: center;
width:92vw;
margin-left:2.4vw;
} 
  #descripcion{
list-style-type:none;
width: 90vw;
padding:2vw;
}
.mascara {
width: 26vw;
height: 28vw;
overflow: hidden;
}
.mascara img {
width: 100%;
height: 150%;
object-fit: cover;
object-position: center;