body { background: #eaeaea; margin: 0; height: 100vh; width: 100vw; display: flex; font-family: monospace; justify-content: center; align-items: center; overflow: hidden; max-height: 100vh; border-radius: 15px; } #warning { display: flex; background: black; color: white; position:absolute; z-index: 1000; height: 100vh; width: 100vw; justify-content: center; align-items: center; text-align: center; } #prompt a { color: white; } #prompt { padding: 2vw; background: #303030 } .fadeout { animation-name: fadeout; animation-duration: 1000ms; animation-fill-mode: forwards; } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .plimalgranda { font-size: 75%; } #stickers { border-top: 1px solid black; padding: 10px; height: 40px; flex-grow: 100; } #innerSticker { display: flex; align-items: center; justify-content: space-around; } #footer { position: absolute; bottom: 0; right: 0; display: flex; align-content: bottom; align-items: flex-end; width: 100vw; } #webring { background: white; padding: 15px; width: 155px; border-left: black solid 1px; border-top: black solid 1px } #back { position: absolute; left: 0; top: 0; background: black; color: white; padding: 0px 5px } #content { box-shadow: -25px 15px 10px lightgray; border-radius: 7px; background: white; border: 1px solid gray; display: flex; justify-content: space-between; overflow: hidden auto; } #content #left { margin-left: 30px; margin-bottom: ; margin-block: auto; padding-block: 30px; } h1 { margin-bottom: 0; } a { padding-right: 15px; color: black; } .lighter { color: gray; } #right { height: 100%; position: sticky; top: 0; right: -100px; } img { border-radius: 7px; vertical-align: middle; } #innerSticker a img { border-radius: 0; width: 88px; height: 33px; } a img { padding-right: 5px; height: 25px; width: 25px; overflow: hidden; } .falling { position: absolute; left: 50%; top: 0; animation: fall 3s linear forwards infinite; } @keyframes fall { 0% { transform: translateY(0) rotate(0); } 100% { transform: translateY(200vh) rotate(180deg); } }