diff --git a/css.css b/css.css index d047a8d..2253f20 100644 --- a/css.css +++ b/css.css @@ -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; text-align: center; display: inline-block; + height: 10rem; width: 25rem; border-right: 4px solid white; }