#memes { margin-top: 40px; img { height: 200px; } } #motd { margin-top: 40px; text-align: center; font-size: 30px; font-weight: 1000; color: aqua; animation: flash 1s linear infinite; background-color: black; } #links { .title { width: fit-content; background-color: black; color: orange; font-size: 30px; margin-left: 10%; margin-bottom: 10px; animation: across 2s linear infinite; } .btn { width: 600px; margin: 0 auto; img { display: block; margin: 0 auto; } } } #battery { margin: 0 auto; width: fit-content; margin-top: 40px; perspective: infinite; * { --width: 500px; width: var(--width); } .title, .battery { position: relative; >* { position: absolute; left: 50%; animation: cube 2.5s linear infinite; } } .title { height: 95px; >* { background-color: #232323; color: #fff; font-size: 40px; text-align: center; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18; } } .battery { height: 280px; } } #sanders { margin-top: 40px; .title { text-align: center; width: 80%; font-size: 5vh; padding: 0; margin: 0; margin-bottom: 1em; animation: colorflash 1s linear infinite; margin-left: 10%; } .gallery { display: grid; grid-template-columns: repeat(3, 1fr); img { height: 20vh; width: 100%; &:hover { animation: scale 0.3s linear; animation-fill-mode: forwards; } } } }