@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ruslan+Display&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');

html,body{
  margin:0;
  scroll-behavior:smooth;
}
.paginas{
  height:100vh;
  width:100vw;
  display:flex;
  flex-direction:inline-block;
}
.botones{
  width:50%;
  height:40%;
  display:flex;
  flex-direction:column;
  margin-left:7.5vw;
  flex-display:space-between;
  margin-top:7vh;
  margin-bottom:0;
  margin-right:0;
}
#portada{
  text-align:center;
  background-image:url(https://i.imgur.com/tP0U7hp.jpg);
  color:blue;
}
#perfil{
  text-align:center;
  background-image:url(https://i.imgur.com/LIP97Zr.jpg);
  color:blue;
}
#miPasoPorElIllia{
  text-align:center;
  background-image:url(https://i.imgur.com/4TFR1lM.jpg);
  color:blue;
}
#audiovisual{
  text-align:center;
  background-image:url(https://i.imgur.com/LIP97Zr.jpg);
  color:blue;
}
#futuro{
  text-align:center;
  background-image:url(https://i.imgur.com/4TFR1lM.jpg);
  color:blue;
}
#random{
  text-align:center;
  background-image:url(https://i.imgur.com/tP0U7hp.jpg);
  color:blue;
}
#portada p{
  margin-top: 0;
  font-size:40px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:0;
  display:
}
#perfil p{
  margin-top: 0;
  font-size:45px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}
#miPasoPorElIllia p{
  margin-top: 0;
  font-size:40px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
}
#futuro p{
  margin-top: 0;
  font-size:40px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:0;
  
}
#random p{
  margin-top: 0;
  font-size:40px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:0;
}
#audiovisual p{
  margin-top: 0;
  font-size:40px; 
  text-shadow:2px 0 10px;
  border-radius: 6px; 
  margin-left:30%;
  margin-right:30%;
  font-family: 'Shadows Into Light', 
  cursive;
  margin-bottom:2px;
  width:
}

p:hover{
  text-shadow:purple 2px 5px;
  color:white;
}
a{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-display:space-between;
  font-size:17px;
  padding:5px;
  border-style: solid;
  border-width: 2px;
  margin-bottom:5px;
  background-color:beige;
  color:purple;
  border-radius:7px;
  border-color:purple;
  margin-top:25px;
}
a:hover{
  text-shadow:purple 2px 5px;
  color:white;
  backgrond-color: purple;
}
img:hover{
  filter:grayscale(100%);
  border-radius:10px;
  border-width:3px;
  box-shadow:purple 2px 5px;
}
img{
  height:50%;
  width:50%;
  margin-top:5%;
  margin-botom:5%;
  margin-right: 40%;
  margin-left:20%;
}
#fotoPerfil{
  width:40vw;
  
}
#fotoPortada{
  width:45vw;
  margin-top:10vh;
  margin-left:15vw;
}
#fotoRandom{
  width:50vw;
  margin-right:25vw;
}
#fotoMiPasoPorElIllia{
  width:50vw;
  margin-right:25vw;
}
#fotoAudiovisual{
  width:40vw;
  height:50vh;
}

#multimedia{
  height:15h;
  width:20vw;
}
.contenedor{
  height:60vh;
  width:50vw;
}
.textos{
  width:30vw;
  height:40vh;
  margin-bottom:15vh;
  margin-left:vw;
  margin-top:0;
  font-size:25px;
  color:purple;
  font-family: 'Shadows Into Light';
  align-items:justify;
}