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