@keyframes fade-scale-in{0%{opacity:0;transform:scale(0)}70%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;margin-right:-40px}70%{opacity:.7;margin-right:0}to{opacity:1;margin-right:-5px}}:root{--color-grad-start:#003073;--color-grad-end:#029797;--color-bg:#193c6d;--color-light:#efefef;--color-accent:#abc123;--color-dark:#333;--color-shadow:#131313;--transition:0.2s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;background-color:var(--color-bg);background-image:linear-gradient(135deg,var(--color-grad-start),var(--color-grad-end));display:flex;align-items:center;justify-content:center;font-family:"Red Hat Text",sans-serif;overflow:hidden}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1}a{text-decoration:none;color:var(--color-dark);transition:color var(--transition)}#disclaimer a:hover,a:hover{color:var(--color-accent)}main#wrap{position:absolute;align-self:center;text-align:center;color:var(--color-light)}@media (max-height:320px){main#wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"headline buttons""subline  buttons";margin:auto 5vw}}main#wrap>:not(.btns){opacity:0;animation:fade-scale-in .3s ease-in forwards}main#wrap h1{font-size:clamp(2.5rem,6vw,6rem);animation-delay:0s;margin:.2em}@media (max-height:320px){main#wrap h1{font-size:2rem;grid-area:headline}}main#wrap .subline{font-size:clamp(1rem,2vw,2rem);animation-delay:50ms;background:rgba(239,239,239,.5);border-radius:.2em;padding:.2em .5em;display:flex;align-items:center;justify-content:center;width:12em;height:1.3em;margin:.5em auto}main#wrap .subline>span{white-space:nowrap}@media (max-height:320px){main#wrap .subline{font-size:1rem;grid-area:subline}}main#wrap .btns{grid-area:buttons}main#wrap .btns .btn-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-dark);margin:1em;width:2em;height:2em;border-radius:50%;border:1px solid var(--color-light);background:var(--color-light);opacity:0;animation:fade-scale-in .3s ease-in forwards;cursor:pointer;font-size:clamp(1.5rem,2vw,2rem)}footer .button svg,main#wrap .btns .btn-icon svg{width:.8em;height:.8em;transition:color var(--transition)}main#wrap .btns .btn-icon:nth-child(1){animation-delay:100ms}main#wrap .btns .btn-icon:nth-child(2){animation-delay:150ms}main#wrap .btns .btn-icon:nth-child(3){animation-delay:200ms}main#wrap .btns .btn-icon:nth-child(4){animation-delay:250ms}main#wrap .btns .btn-icon:focus-visible,main#wrap .btns .btn-icon:hover{color:var(--color-accent);box-shadow:0 0 .5em var(--color-shadow);outline:2px solid var(--color-accent);outline-offset:2px}@media (max-height:320px){main#wrap .btns .btn-icon{margin:.5em;font-size:1.5rem}}footer{position:absolute;right:0}@media (max-width:640px){footer{align-self:flex-start;margin-top:1vh}}footer .button{display:flex;align-items:center;justify-content:center;background:var(--color-light);border:1px solid var(--color-light);border-top-left-radius:25%;border-bottom-left-radius:25%;padding:.5em 1em;cursor:pointer;margin:35vh 0 auto;opacity:0;animation:slide-in-right .3s ease-in forwards;animation-delay:800ms}footer .button:focus-visible,footer .button:hover{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:640px){footer .button{margin-top:10vh}}#disclaimer{position:absolute;background:var(--color-light);border:1px solid var(--color-light);border-radius:1em;box-shadow:0 0 2em var(--color-dark);color:var(--color-dark);margin:5em auto;padding:1em;text-align:center;max-width:20vw;max-height:80vh;overflow-y:auto}#disclaimer[hidden]{display:none}@media (max-width:640px){#disclaimer{max-width:80vw;margin:1em auto}}#disclaimer a{display:block;background:#737373;padding:.2em .5em;margin:.5em auto;border-radius:.5em;border:1px solid #737373;color:var(--color-light);transition:color var(--transition)}#disclaimer a .icon-inline{width:1em;height:1em;vertical-align:middle;margin-right:.25em}.icon-times{float:right;cursor:pointer;display:inline-flex;align-items:center;color:var(--color-dark);transition:transform 1s ease,color 1s ease}.icon-times svg{width:1.2em;height:1.2em}.icon-times:focus-visible,.icon-times:hover{transform:rotate(359deg);color:var(--color-accent);outline:0}#disclaimer h4{margin:.5em 0}#disclaimer p{font-size:80%;margin:.5em 0}