@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";canvas{position:fixed;top:0;left:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{position:relative;overflow-x:hidden;scroll-behavior:smooth;background-color:#edeee9}html body{background-color:#9a8c74;color:#303030;font-family:Roboto,sans-serif;font-weight:500;font-size:15px;line-height:1.4;min-height:100vh;width:100%;padding:2.5vh 10vw;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start}html body h1{font-size:clamp(1rem,6vw,10rem);margin:15vh 0 2rem}html body a{text-decoration:underline;color:#fff6f6}html body code{font-size:1rem;padding:0 .5rem;background-color:#d8dbce}html body .container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 2rem 1.5rem;background-color:#e4c8aa}@media (min-width: 768px){html body .container{flex-direction:row;align-items:center}}html .form{align-self:center}html .form__input{width:clamp(120px,50vw,190px);height:2.5rem;padding:0 1.25rem;border:1px solid #303030;border-radius:2px;margin:.625rem auto;transition:all .25s}html .form__input:focus+.form__label,html .form__input:not(:placeholder-shown)+.form__label{transform:translateY(-4.6rem) scale(1);color:#303030}.form__input[type=checkbox]:not(:checked),.form__input[type=checkbox]:checked{cursor:pointer}html .form__label{font-size:1.1rem;color:#909090;display:block;transform:translate(1.25rem,rem);transform-origin:0 0;transition:all .5s;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}html .buttons-container{width:100%;height:30vh;display:flex;align-items:center;justify-content:center}html button{background:#fff;border:solid 2px black;padding:.375em 1.125em;font-size:1rem}html .button-arounder{font-size:2rem;background:#dea563;color:#f1f3f4;box-shadow:0 0 #0b0e0f33;transform:translateY(0);border-radius:0/0px;--dur: .15s;--delay: .15s;--radius: 16px;transition:border-top-left-radius var(--dur) var(--delay) ease-out,border-top-right-radius var(--dur) calc(var(--delay) * 2) ease-out,border-bottom-right-radius var(--dur) calc(var(--delay) * 3) ease-out,border-bottom-left-radius var(--dur) calc(var(--delay) * 4) ease-out,box-shadow calc(var(--dur) * 4) ease-out,transform calc(var(--dur) * 4) ease-out,background calc(var(--dur) * 4) steps(4,jump-end)}html .button-arounder:hover,html .button-arounder:focus{box-shadow:0 4px 8px #0b0e0f33;cursor:pointer;transform:translateY(-4px);background:#ff8c00;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.help-container{position:fixed;top:20px;left:10px;width:300px;max-width:100%;text-align:center;z-index:200}.dropdown[type=checkbox]:checked,.dropdown[type=checkbox]:not(:checked){position:absolute;left:-9999px;opacity:0;pointer-events:none}.dropdown:checked+label,.dropdown:not(:checked)+label{position:relative;font-family:Roboto,sans-serif;font-weight:500;font-size:15px;line-height:2;height:50px;transition:all .2s linear;border-radius:4px;width:220px;letter-spacing:1px;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center;border:none;background-color:#353228;cursor:pointer;color:#c2c5d6;box-shadow:0 12px 35px #ffeba726}.dropdown:checked+label:before,.dropdown:not(:checked)+label:before{position:fixed;top:0;left:0;content:"";width:100%;height:100%;z-index:-1;cursor:auto;pointer-events:none}.dropdown:checked+label:before{pointer-events:auto}.dropdown:not(:checked)+label .uil{font-size:24px;margin-left:10px;transition:transform .2s linear}.dropdown:checked+label .uil{transform:rotate(180deg);font-size:24px;margin-left:10px;transition:transform .2s linear}.section-dropdown{position:absolute;padding:5px;background-color:#948d71;top:70px;left:40px;width:100%;border-radius:4px;display:block;box-shadow:0 14px 35px #24243066;z-index:2;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .2s linear}.dropdown:checked~.section-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.section-dropdown:before{position:absolute;top:-20px;left:0;width:100%;height:20px;content:"";display:block;z-index:1}.section-dropdown:after{position:absolute;top:-7px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #948d71;content:"";display:block;z-index:2;transition:all .2s linear}.info{font-size:15px;line-height:1.4;color:#fff;padding:3px;text-align:left}