@import"https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap";.group{display:flex;gap:1rem}.group.form{flex-direction:column;align-items:center}*{box-sizing:border-box;padding:0;margin:0;font-family:Geologica,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" 0,"SHRP" 0}body{min-height:100vh;display:flex;align-items:center;flex-direction:column;background-color:#111;color:#fff}main{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1rem;width:100%;max-width:37.5rem;flex-grow:1}header{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0}header nav{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:4rem;background-color:#ffffff1a;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}header nav ul{display:flex;justify-content:space-between;align-items:center;gap:.5rem;list-style:none}header nav ul li{padding:.5rem 0}header nav ul li a{padding:.5rem 1rem;border-radius:4rem;text-decoration:none;text-transform:lowercase;-webkit-user-select:none;user-select:none;color:#999;transition:.25s ease-in-out all}header nav ul li a[data-active]{color:#fff;background-color:#ffffff1a}header nav ul li a:hover{color:#fff;background-color:#ffffff1a}footer{padding:2rem;opacity:.2;font-weight:100;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{opacity:.5}input{padding:.75rem;border-radius:1rem;color:#fff9;background-color:#0000001a;border:none;outline:1px solid rgba(0,0,0,.1);transition:.25s all}input:focus{color:#fff;outline:1px solid rgba(255,255,255,.1)}input[type=number]{text-align:center;width:4rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=submit],button{padding:.75rem 1.5rem;border-radius:4rem;cursor:pointer;color:#fff9;background-color:#0006;border:none;transition:.25s all}input[type=submit]:hover,button:hover{color:#000;background-color:#ffffffb3;transition:.25s all}input[type=submit]:focus{outline:none}input[type=submit]:active,button:active{color:#000000b3;background-color:#fff6;transition:.25s all}#blur-background{position:absolute;top:0;left:0;z-index:-10;width:100vw;height:100vh;filter:blur(4rem);overflow:hidden}#blur-background #polygons{opacity:.5;width:100%;height:100%;transition:clip-path 3s}#blur-background #polygons[style]{background-color:#c15a1a}
