:root{--font-family-1: "Work Sans", sans-serif;--font-family-2: "Literata", serif;--color-text: #dff5ff;--color-green: #74f008;--color-bluegreen: #00c09a;--color-darkbluegreen: #1b8696;--color-darkbluegreen2: #005870;--color-lightblue: #00a8ff;--color-blue: #0a40b4;--color-darkblue: #06164e;--color-darkerblue: #090912;--color-yellow: #ffbf00;--color-lightred: #ff3b3b;--color-red: #db0c0c;--color-darkred: #880010;--color-dark: #050508}*{margin:0;padding:0;box-sizing:border-box}body,html{color:var(--color-text);font-family:var(--font-family-1);font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:18px;background-color:var(--color-blue)}.icon{height:1em;margin-bottom:-.15em}.link{color:var(--color-lightblue);text-decoration:none}.link:hover{text-decoration:underline;cursor:pointer}h1{font-family:var(--font-family-2)}input{font-family:var(--font-family-1);font-size:20px;font-weight:600;color:var(--color-darkblue);padding:8px 14px;border-radius:5px;border:none;box-shadow:0 2px 5px #000000b7;transition:transform .1s ease,outline-color .1s ease,color .1s,background-color .1s}input:focus{outline:3px solid var(--color-lightblue);transform:scale(1.02)}.box{max-width:420px;margin:20px auto 0;padding:20px;border-radius:10px;box-shadow:0 10px 60px #0000004c;background:#06164e;background:linear-gradient(189deg,#06164e,#0b296a);text-align:center}@media only screen and (max-width: 768px){.box{max-width:100%;border-radius:0;box-shadow:none;margin-top:0}}.logo-container.svelte-1bi3hsp{max-width:420px;margin:0 auto;height:100%;display:flex;align-items:center}.logo.svelte-1bi3hsp{font-size:32px;font-family:var(--font-family-2);font-weight:700;flex:1}@media only screen and (max-width: 768px){.logo-container.svelte-1bi3hsp{max-width:100%;padding:0 10px}}@media only screen and (max-width: 330px){.logo.svelte-1bi3hsp{font-size:24px}}