@font-face { font-family: "Unifont"; src: local("Unifont"), url(unifont-13.0.06.ttf) format("truetype"); font-weight: normal; font-style: normal; } * { margin: 0; } .nobreak { white-space: nowrap; display: inline-block; } html, body { height: 100%; width: 100vw !important; height: 100vh !important; align-items: center; justify-content: center; } @keyframes crab { from { top: -10vh } to { top: 100vh } } .crab { position: relative; display: flex; font-size: 9vh; padding: 1vh; line-height: 1; text-decoration: none; white-space: nowrap; animation-name: crab; animation-fill-mode: backwards; animation-timing-function: linear; animation-iteration-count: infinite; } #shit { display: flex; align-items: center; flex-direction: column; } body { color: white; background-color: black; text-align: center; } .monospace { font-family: Unifont, monospace; line-height: 100%; } .big { font-size: 1.5em; } .r { color: #cb2027; } .b { color: #4b3b97; } .server { color: #ffd700; } .link { text-decoration: none; }