.navbar[data-v-379fa058]{background-color:var(--bg-color);box-shadow:var(--shadow1);justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;top:0;left:0;right:0}.navbar a[data-v-379fa058]{aspect-ratio:1;width:2.5rem;color:var(--text-color);box-shadow:var(--shadow1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:0 10px;display:flex}.navbar a.active[data-v-379fa058]{color:var(--active-color);box-shadow:var(--shadow2)}@media (pointer:fine){.navbar a[data-v-379fa058]:hover:not(.mode),.navbar a[data-v-379fa058]:active.mode{box-shadow:var(--shadow2)}}.toggles{--text-color:#b2c0d1;--bg-color:#e7eef7;--light:255, 255, 255;--dark:0, 0, 0;--shadow1:-2px -2px 5px rgba(var(--light), 1), 3px 3px 7px rgba(var(--dark), .3);--shadow2:inset -2px -2px 5px rgba(var(--light), 1), inset 3px 3px 7px rgba(var(--dark), .3);--active-color:#f06292}.toggles.dark{--text-color:#5a6068;--bg-color:#2e3237;--light:80, 80, 80;--active-color:#f06292}.buttons{--text-color:#9e9e9e;--bg-color:#e0e0e0;--shadow1:-3px -3px 7px #f5f5f5, 3px 3px 5px #9e9e9e;--shadow2:inset -3px -3px 7px #f5f5f5, inset 3px 3px 5px #9e9e9e;--active-color:#1da1f2}.google{--text-color:#a1887f;--bg-color:#d7ccc8;--shadow1:-3px -3px 7px #efebe9, 3px 3px 5px #795548;--shadow2:inset -3px -3px 7px #efebe9, inset 3px 3px 5px #795548;--active-color:#5d4037}.elements{--hue:275;--text-color:hsl(var(--hue), 35%, 71%);--bg-color:hsl(var(--hue), 46%, 93%);--shadow1:.3rem .3rem .6rem hsl(var(--hue), 39%, 85%), -.2rem -.2rem .5rem #fff;--shadow2:inset .2rem .2rem .5rem hsl(var(--hue), 39%, 85%), inset -.2rem -.2rem .5rem #fff;--active-color:hsl(var(--hue), 96%, 68%)}*{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,li{margin:0;padding:0}ul,li{list-style:none}a{color:#444;text-decoration:none}.container{min-height:100vh;color:var(--text-color);background:var(--bg-color);justify-content:center;align-items:center;padding-top:44px;display:flex}