html {
  scroll-behavior: smooth;
     }

body{
  background-image:
  url('https://image.freepik.com/vector-gratis/fondo-hojas-minimalistas_23-2148909132.jpg'),
  url('https://image.freepik.com/vector-gratis/fondo-hojas-minimalistas_23-2148909132.jpg');
  background-position: center;
  background-size: 34vw;
  background-attachment:fixed;
   }

/*BARRA DE NAVEGACION HORIZONTAL*/
#menu ul{
  list-style-type: none;
  width: 58vw;
  padding: 0vw;
  background:#F1E0C5;
  overflow: hidden;
  border-radius:2vw;
  }
#menu li{
  float:left;
  }
#menu li a{
  display: block;
  color: #90653C;
  text-aling:center;
  padding: 2vw 2vw;
  text-decoration: none;
  font-family:'Bebas Neue', cursive;
  font-size:3vw;
  }
#menu li a:hover{
  color:#E6C8A0;
  background-color:#8B6541;
  transition-duration:0.7s;
  display: block;
  position: relative;
}
/*BARRA DE NAVEGACION HORIZONTAL*/


.box {
  background-color:#D9B18F;
  padding: 5vw;
  margin-left: 19vw;
  width: 50vw;
  float: center;
  }

.titulos2 {
  font-family: 'Amatic SC', cursive;
  font-size:2vw;
  text-decoration: underline;
  text-shadow: 2px 2px 3px grey;
   }
.parrafos {  
  font-size:1.7vw;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: justify;
  text-justify: inter-word;
   }
.series {
  font-family:'Cuprum', sans-serif;
  font-size: 2.5vw;
  text-aling:center;
  float:center;
  color:#F1E0C5;
  background-color:#C58C6D;
  margin-bottom:1%;
  border-radius:3vw;
  text-shadow: 1px 3px 5px #310;
  padding: 0.8vw;
  text-aling:center;
  }
.series:hover{
  background-color:#ECD4B3;
  transition: 2s;
  aling: center;
  }

#redessociales{
  padding-top: 20px;
  text-align: center;
}

.redes{
  font-family: 'Encode Sans SC', sans-serif;
  font-size: 2vw;
  background-color:#E6C79E;
  width:13vw;
  height:2.5vw;
  text-align:center; 
  border-radius:1vw;
  text-shadow: 1px 3px 5px #310;
  list-style-type: none;
  text-decoration: none;
  padding:2vw 2vw;
  color:#6B5138;
  display: block;
  overflow:hidden;
  display: inline-block;
  }
.redes:hover{
  background-color:#B58769;
  transition: 2s;
  text-decoration: none;
  }
.fotos{
  width:45vw;
  height:auto;
  margin:2vw;
  display: block;
  text-align:center; 
  }
img{
  transition:all 0.5s ease;
}
img:hover{
  transform:scale(0.9);
}
.imagenseries{
  width:15vw;
  height:auto;
  margin:2vw;
  display: block;
  
}
#anuario {
  color: #644F40;
  text-align: center;
  font-family: 'Acme', sans-serif;
  font-size: 5.25vw;
  transition-duration:1s;
  }
#anuario:hover {
  color:#A48265;
  }
#perfil {
  font-family: 'Yusei Magic', sans-serif;
  text-align: left;
  font-size:1.5vw;
  color:#745A44;
  background-color:#ECD4B3;
  }
#illia {
  font-family: 'Yusei Magic', sans-serif;
  text-align: left;
  font-size:1.5vw;
  color:#745A44;
  background-color:#ECD4B3;
  }
#random {
  font-family: 'Yusei Magic', sans-serif;
  text-align: left;
  font-size:1.5vw;
  color:#745A44;
  background-color:#ECD4B3;
  }
#musica {
  font-family: 'Yusei Magic', sans-serif;
  text-align: left;
  font-size:1.5vw;
  color:#745A44;
  background-color:#ECD4B3;
  }
#meGusta{  
  font-size:1.7vw;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: justify;
  text-justify: inter-word;
   }
.arrow {
  border: solid #F1E0C5;
  border-width: 0 0.5vw 0.5vw 0;
  display: inline-block;
  padding: 0.5vw;
  float: right;
  margin: 0.8vw;
  color:#F1E0C5;
  text-shadow: 1px 3px 5px #310;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}