@ -10,18 +10,14 @@
text-align: center;
height: 5rem;
}
.launchRocket:focus + #rocket {
.name:hover + #rocket {
animation-name: launchRocket;
animation-duration: 2.5s;
animation-timing-function: ease-in-out;
@keyframes launchRocket {
from {
top: 85vh
to {
top: -20vh
from {top: 85vh}
to {top: -20vh}
#rocket {
position: absolute;
@ -93,6 +89,7 @@
padding: 1rem;
display: inline-block;
height: 10rem;
width: 25rem;
border-right: 4px solid white;