@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; }