@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@100;400;500;600&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{margin:0;padding:0;background-color:#111;color:#fff;height:100%}body{margin:0;padding:0;font-family:Roboto,sans-serif;height:100%;font-size:20px}#app{display:grid;grid-template-rows:1fr auto;height:100%}.r{text-align:right}.c{text-align:center}.serif{font-family:Roboto Slab,serif}.group-vertical{display:grid;grid-template-columns:1fr;grid-gap:.5rem;max-width:12rem;margin:2rem auto}.btn{font-size:1rem;display:inline-block;padding:10px 20px;border-radius:5px;border:1px solid #fff;background-color:transparent;color:#fff;text-decoration:none;transition:all .3s ease-in-out;font-weight:600}@property --i{syntax: "<angle>"; initial-value: 1deg; inherits: false;}@keyframes incrementer{0%{--i: 0deg}to{--i: 360deg}}.bg-color-spinner{z-index:-1;position:absolute;inset:0;--saturation:100%;--lightness:50%;background-image:conic-gradient(from var(--i) at 0 0,hsl(0,var(--saturation),var(--lightness)) 0% 5%,hsl(17.1428,var(--saturation),var(--lightness)) 5% 10%,hsl(34.2856,var(--saturation),var(--lightness)) 10% 15%,hsl(51.4284,var(--saturation),var(--lightness)) 15% 20%,hsl(68.5712,var(--saturation),var(--lightness)) 20% 25%,hsl(85.714,var(--saturation),var(--lightness)) 25% 30%,hsl(102.8568,var(--saturation),var(--lightness)) 30% 35%,hsl(119.9996,var(--saturation),var(--lightness)) 35% 40%,hsl(137.1424,var(--saturation),var(--lightness)) 40% 45%,hsl(154.2852,var(--saturation),var(--lightness)) 45% 50%,hsl(171.428,var(--saturation),var(--lightness)) 50% 55%,hsl(188.5708,var(--saturation),var(--lightness)) 55% 60%,hsl(205.7136,var(--saturation),var(--lightness)) 60% 65%,hsl(222.8564,var(--saturation),var(--lightness)) 65% 70%,hsl(240.0002,var(--saturation),var(--lightness)) 70% 75%,hsl(257.143,var(--saturation),var(--lightness)) 75% 80%,hsl(274.2858,var(--saturation),var(--lightness)) 80% 85%,hsl(291.4286,var(--saturation),var(--lightness)) 85% 90%,hsl(308.5714,var(--saturation),var(--lightness)) 90% 95%,hsl(325.7142,var(--saturation),var(--lightness)) 95% 100%);background-position:top left;box-shadow:inset 0 0 10vmax 1rem #000,inset 0 0 4vmax 1rem #000;filter:blur(10vmax);animation:incrementer 10s linear infinite}