@font-face{font-family:Montserrat;src:url(../fonts/Montserrat.ttf)}@font-face{font-family:SymbolsRounded;src:url(../fonts/SymbolsRounded.ttf)}html,body{background-color:#fff}body{position:fixed;overflow:hidden;box-sizing:border-box;margin:0;width:100vw;height:100vh;font-family:Arial,Arial,Helvetica,sans-serif,Montserrat;font-size:16px;--appbg: hsl(228, 29%, 97%);--bgc: hsl(0, 0%, 99%);--fgc: hsl(0, 0%, 0%);--bdc: hsl(0, 0%, 70%);--btn-bgc: hsl(220, 64%, 38%);--btn-fgc: hsl(0, 0%, 100%);--btn-hlc: hsl(220, 84%, 58%);--btn-disc: hsl(0, 0%, 80%);--mnu-bgc: hsl(0, 0%, 90%);--mnu-fgc: hsl(0, 0%, 0%);--mnu-hlc: hsl(218, 92%, 70%);--mnu-hsc: hsl(0, 0%, 60%)}splash{display:grid;place-content:center;height:100%;text-align:center;gap:1em}app-name{font-size:2em;color:var(--btn-bgc)}pc-login::part(form){width:32em}