html {
  scroll-behavior: smooth;
}
body{
  background-color: #967AA1;
  background-image: url("https://i.ibb.co/FVsSHfc/fondolila.jpg");
  color:#DFD1D3;

}
a {
  color:#585279;
}
#titulo{
  font-family: 'Pattaya', sans-serif;
  font-size: 8vw;
  text-align: center;
  text-shadow: 5px 5px 5px darkred;}
#menu ul a{
  text-decoration: none;
  color:#DFD1D3;
}
.flechitas{
  float: right;
  padding-top:5vw;
padding-right: 4vw
}
.secciones {
font-family: 'Bebas Neue', cursive;
  font-size: 6vw;
  list-style-type: none;
  text-align: center;
  background-color: #585279;
   border-radius: 10px;
  width:48%;
  margin-left:23vw;
  text-decoration: none;

}
.secciones:hover{
  background-color:#bc4749;
  font-size: 7vw;
 -webkit-text-stroke: 1px white;
  color:transparent
}
#imageninicio{
  text-align: center;
}
.parrafos{
  background-color:#585279;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  padding-top: 3vw;
  padding-bottom: 2vw;
  padding-left: 6vw;
  padding-right:2vw;
  margin-left: 5vw;
  margin-right: 10vw;
  line-height: 1.5;
  width: 80vw;
  }
#perfil{
  font-family: 'Bebas Neue', cursive;
  background-color:#967AA1;
  font-size: 4vw;
  margin-left: 5vw;
  width: 88vw;
  text-align: center;
 text-shadow: 5px 5px 9px #bc4749 ; 
  
  
}
#imagen-presentacion{  
  float: right;
  width:200px;
  height: 200px;
border-radius:30%;
  margin-right: 7vw;
  margin-top:5vw;
}  
#mi-paso-por-el-illia{
  font-family: 'Bebas Neue', cursive;
  background-color:#967AA1;
  font-size:4vw;
  margin-left: 5vw;
  width:88vw;
  text-align: center;
  text-shadow: 5px 5px 9px #bc4749;
  
}
#textog{
  font-family: 'Bebas Neue', cursive;
  text-decoration: underline;
  text-shadow: 1px 1px 1px #bc4749;
    text-align: center;
  font-size: 2vw;
}
#Futuro{
  font-family: 'Bebas Neue', cursive;
  background-color:#967AA1;
  font-size: 4vw;
  margin-left: 5vw;
  width:88vw;
  text-align: center;
  text-shadow: 5px 5px 9px #bc4749;
}
#Random{
   font-family: 'Bebas Neue', cursive;
  background-color:#967AA1;
  font-size: 4vw;
  margin-left: 5vw;
  width:88vw;
  text-align: center;
  text-shadow: 5px 5px 9px #bc4749;
}
#galeria{ 
  height: 200%;
   margin:2vw;
  dislay: block;
  text-align: center;
}
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.5,1.5 ); 
}
#fotosmardel{
  text-align:center;
 }