89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
@keyframes handWave {
|
|
0% { transform: rotate(0deg); }
|
|
15% { transform: rotate(30deg); }
|
|
30% { transform: rotate(0deg); }
|
|
45% { transform: rotate(25deg); }
|
|
60% { transform: rotate(0deg); }
|
|
75% { transform: rotate(15deg); }
|
|
100% { transform: rotate(0deg); }
|
|
}
|
|
|
|
p {
|
|
margin-top: 1vh;
|
|
margin-bottom: 1vh;
|
|
}
|
|
|
|
#hi {
|
|
color: rgb(9, 255, 0);
|
|
display: inline-block;
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
#hi:hover {
|
|
animation: handWave 1.5s ease-in-out;
|
|
}
|
|
.apartado {
|
|
font-family: AgaveNerdFont;
|
|
font-style: bold;
|
|
font-size: 4vh;
|
|
}
|
|
.apartado::first-letter{
|
|
font-size: 4.2vh;
|
|
}
|
|
#sobreMi {
|
|
color: #0084ff;
|
|
}
|
|
.puntosSobreMi{
|
|
padding-left: 2vw;
|
|
}
|
|
.puntosSobreMi::first-letter {
|
|
color: #0084ff;
|
|
}
|
|
.puntosExperiencia {
|
|
padding-left: 2vw;
|
|
}
|
|
#experiencia {
|
|
color: yellow;
|
|
}
|
|
.puntosExperiencia::first-letter {
|
|
color: yellow;
|
|
}
|
|
#tecnologias{
|
|
color: #00ff40;
|
|
}
|
|
.puntoTecnologías {
|
|
margin-left: 2vw;
|
|
}
|
|
.puntoTecnologías::first-letter{
|
|
color: #00ff40;
|
|
}
|
|
#techIcons { /*div donde están los iconos*/
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
height: 15vh;
|
|
/*background-color: #0084ff;*/
|
|
justify-self: center;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
margin-top: 3vh;
|
|
}
|
|
.techIcon { /*Propiedades de cada uno de los iconos*/
|
|
width: 5.5vw;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.techIcon:hover{
|
|
width: 7.5vw;
|
|
}
|
|
|
|
#techDescription {
|
|
color: white;
|
|
transition: all 0.25s ease-in-out;
|
|
/*
|
|
align-items: center;
|
|
font-size: 5vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
height: 10vh;
|
|
*/
|
|
} |