65 lines
1.2 KiB
CSS
65 lines
1.2 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); }
|
|
}
|
|
|
|
#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::first-letter {
|
|
color: #0084ff;
|
|
}
|
|
#techStack {
|
|
color: yellow;
|
|
}
|
|
.puntosTech::first-letter {
|
|
color: yellow;
|
|
}
|
|
#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: 1.5vh;
|
|
}
|
|
.techIcon { /*Propiedades para todos los iconos*/
|
|
width: 5vw;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.techIcon:hover{
|
|
width: 7.5vw;
|
|
}
|
|
#techDescription {
|
|
display: flex;
|
|
height: 10vh;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: all 0.25s ease-in-out;
|
|
font-size: 5vh;
|
|
} |