body{color:#fff;background-color:#012;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;font-family:geologica;display:flex}body.formview{margin:256px 0}welcome{flex-direction:column;justify-content:center;align-items:center;display:flex}@font-face{font-family:geologica;src:url(/assets/geologica-BUl1cAi8.ttf)}welcome>h1{margin:0}main>h1{text-align:center;background-color:#012;outline:0 #0000;width:calc(100vw - 16px);margin:0 0 0 calc(250px - 50vw);padding:8px;position:sticky;top:0}.sticky-active{outline:1px solid #024;transition:outline .1s ease-in-out}welcome>input{color:#fff;text-align:center;background-color:#024;border:1px solid #024;border-radius:100px;padding:8px;font-size:large}welcome>input:focus{border:1px solid #2b74ff;outline:0 #0000}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none}welcome>input:invalid{background-color:#500;border-color:red}welcome>button{color:#fff;font:inherit;cursor:pointer;background-color:#024;border:1px solid #024;border-radius:8px;margin-top:16px;padding:8px;font-size:large}welcome>button:hover{border:1px solid #2b74ff}input,button{font:inherit}main{flex-direction:column;justify-content:center;align-items:start;width:calc(100vw - 16px);max-width:500px;display:flex}main>img{width:100%;margin:16px 0}.category{border:1px solid #024;border-radius:8px;flex-direction:column;justify-content:center;align-items:start;width:calc(100% - 16px);margin:8px 0;padding:8px;display:flex}h2{margin:0}.field{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:8px 0;display:flex}.field>input{color:#fff;background-color:#024;border:1px solid #024;border-radius:100px;padding:8px;font-size:large}.field>input:focus{border:1px solid #2b74ff;outline:0 #0000}.field>input[type=number]{text-align:center}.field>input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-right:8px}.field>input:invalid{border-color:red}.multifield{width:100%}.field.textarea{flex-direction:column;justify-content:center;align-items:start;width:100%;margin:8px 0;display:flex}textarea{width:calc(100% - 16px);font:inherit;color:#fff;resize:none;background-color:#024;border:1px solid #024;border-radius:8px;height:100px;padding:8px;font-size:large;overflow:auto}textarea:focus{border:1px solid #2b74ff;outline:0 #0000}button{color:#fff;font:inherit;cursor:pointer;background-color:#024;border:1px solid #024;border-radius:8px;margin:0 auto;padding:8px;font-size:large}button:hover{border:1px solid #2b74ff}.field.error{outline:1px solid red}@media (max-width:516px){.field{flex-direction:column;justify-content:center;align-items:start;gap:8px}.field>input{width:calc(100% - 16px)}.field>input[type=checkbox]{width:auto}.field:not(.field:not(:has(>input[type=checkbox]))){flex-direction:row;justify-content:space-between;align-items:center}main>h1{margin-left:-8px}body.formview{margin:128px 0}}
