:root{--wrapper-height: 100vh;--font-family: sans-serif;--font-family-list: monospace;--color-bg: #99ddff;--color-bg-alt: #33b1ff;--color-text-main: #004099;--color-primary: #006aff;--color-highlight: #e7f7fe}*{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--font-family);background-color:var(--color-bg);text-align:center;margin:0;font-size:large}.wrapper{min-height:var(--wrapper-height);display:grid;place-items:center;margin:0;padding:1rem 2rem}.content{display:flex;flex-direction:column;align-items:center;justify-content:center}.illustration{max-width:30%;margin:1rem 0 2rem;animation:1s ease-out 0s 1 spinIn}@keyframes spinIn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.illustration-404{max-width:30%;margin:1rem 0 2rem;animation:1s ease-out 0s 1 spinUp;filter:grayscale(100%);animation-fill-mode:forwards}@keyframes spinUp{0%{transform:rotate(0)}to{transform:rotate(180deg)}}p{margin:1rem;line-height:1.3em}p,h1,h2,h3,h4,h5{color:var(--color-text-main)}h1{display:inline-flex;color:var(--color-primary);justify-content:center}a:link,a:visited{text-decoration:none;border-bottom:2px solid var(--color-primary);color:var(--color-primary);transition:background .2s linear;font-weight:700}a:hover,a:active,a:focus{background:var(--color-primary);color:var(--color-highlight)}.footer{justify-content:space-between;margin:2rem auto 0;padding:1.5rem 0 .5rem;width:100%;flex-wrap:wrap;display:flex;justify-content:flex-end}a.remix{background:var(--color-bg-alt);color:var(--color-highlight);border:2px solid var(--color-highlight);border-radius:5px;padding:.5rem;font-weight:700}a.remix:hover{background:var(--color-primary);color:var(--color-highlight)}