:root{--text-primary: #ffffff;--text-secondary: #afafaf;--outline: rgba(255, 255, 255, 0.2);--accent: #926ee4;--accent-dark: #5c4590;--background-primary: #212031;--background-secondary: #2a293b;--background-header: #2a293b;--background-footer: #151422}*{box-sizing:border-box}body{font-family:system-ui;margin:0;padding:0;background:var(--background-primary);color:var(--text-primary);min-height:100vh;width:100vw;overflow-x:hidden;display:flex;flex-direction:column}a{color:var(--accent)}a:hover{color:var(--accent)}header{display:grid;grid-template-columns:1fr .5fr 1fr;width:100vw;background:var(--background-header)}header h2{padding:0;margin:auto;margin-left:1em;width:max-content}header nav{display:flex;justify-self:center}header nav a{padding:0 1em;margin:.4em 0;font-size:1em;font-style:bold}header nav a:not(:is(:last-child)){border-right:1px solid var(--outline)}#main-section{max-width:1200px;width:calc(100vw - 2em);align-self:center}footer{margin-top:auto;border-top:solid 1px var(--outline)}#badges{justify-content:center;display:flex;flex-wrap:wrap;width:100vw;background:linear-gradient(90deg, red 0%, #ff9a00 10%, #d0de21 20%, #4fdc4a 30%, #3fdad8 40%, #2fc9e2 50%, #1c7fee 60%, #5f15f2 70%, #ba0cf8 80%, #fb07d9 90%, red 100%)}#badges a{line-height:0px}#badges img{margin:5px;width:88px;height:31px;image-rendering:pixelated}