.warn { background-color: #aa393977; padding: 1em; } @keyframes hoveranim { from {left:0;} to {left:1vw;} } @keyframes hoveranimrevert { from {left:1vw;} to {left:0;} } .notice { border-radius: 1em; background: #0333; border-left: 0.3em solid #033; padding-left: 1em; padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 2em; margin-bottom: 2em; } .notice { position: relative; left: 0; animation-name: hoveranimrevert; animation-duration: 1s; } .notice:hover { left: 1vw; animation-name: hoveranim; animation-duration: 1s; } #main a:link, #main a:visited, #main a:hover, #main a:active { color: black; }