:root{--border-color:#000000;--border-radius:4px;--borders:1px solid var(--border-color);--color:oklch(30.519% 0.00003 271.152);--color-inverse:oklch(100% 0.00011 271.152);--container-padding:1vw;--drop-shadow:drop-shadow(3px 3px 2px rgb(0,0,0));--fillColor:oklab(84.22699999999999% -0.00188 -0.07771/0.603);--icon-fill:oklch(100% 0.00011 271.152);--font-size-300:0.75rem;--font-size-400:1rem;--font-size-500:1.25rem;--font-size-600:1.5rem;--font-size-700:1.75rem;--font-size-800:2rem;--font-size-900:2.25rem}body,html{border:0;height:100%;margin:0;padding:0;vertical-align:baseline}body{background:url(/bgd.jpg);background-size:contain;background-position:50%;color:var(--color-text);line-height:mormal;min-width:0}.page{align-items:center;display:flex;height:100%;margin:0 auto;text-align:center;width:calc(30vw + 60px)}.header{position:relative;width:100%}.header svg{animation:spinL 10s linear infinite;height:100%;width:100%;filter:var(--drop-shadow);will-change:filter}.svgText{fill:oklab(100% 0 -.00011);font-size:3.6rem}.svgCircle{fill:transparent}.svgBgd{fill:var(--fillColor)}h1{font-size:3vw;margin:10px}h2{font-size:2vw}h3{font-size:var(--font-size-300);margin:0;font-weight:400}h1,h2{font-weight:100;margin:0 0 3vw;font-weight:400}img{display:block;height:auto;max-width:100%}.btnWrap{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0}button{border-radius:var(--border-radius);border:var(--borders);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-300);padding:8px}dialog button{font-size:var(--font-size-400)}form{background-color:oklch(85.171% .01983 230.928);padding:1rem;text-align:left;font-size:var(--font-size-500)}.form-title{align-items:center;display:flex;margin:0 0 4px;font-size:var(--font-size-400)}.envelope{-webkit-margin-end:4px;margin-inline-end:4px;width:20px}input,textarea{border:var(--borders);border-radius:0;-webkit-margin-after:16px;margin-block-end:16px}textarea{min-height:100px;min-width:280px}dialog{border:var(--borders);border-radius:var(--border-radius);padding:0}::-webkit-backdrop{background:#bdc3c7;background:linear-gradient(0deg,#b2b2b2,#e2e2e2);opacity:.85}::backdrop{background:#bdc3c7;background:linear-gradient(0deg,#b2b2b2,#e2e2e2);opacity:.85}.icon{fill:var(--icon-fill)}@keyframes spinR{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinL{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.spiral{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.spiral svg{animation:spinR 10s linear infinite;min-width:calc(100vw + 600px)}@media screen and (min-width:548px){button{font-size:2vw}}