html{font-size:10px;font-family:monospace;height:100%;margin:0;padding:0}body{font-size:1.5rem;height:100%;padding:0;margin:0;background-color:#fafafc;display:flex;flex-direction:column;min-height:100vh;gap:2rem}main{flex:1;display:flex;flex-direction:column;gap:2rem}header{width:100%;box-shadow:0 .4rem 2rem #00000014}header nav{background:#fff;padding:1rem}footer{background:#fff;width:100%}footer div{padding:1rem;text-align:center}ul,li,h1,h2,h3,h4{padding:0;margin:0}a{color:#00f;font-weight:700;cursor:pointer}.container{display:flex;gap:1rem}.space-between{justify-content:space-between}.container-center{justify-content:center}.panel{background:#fff;padding:1rem;border-style:solid;border-width:1px;border-color:#f3f4f5}@media (min-width: 768px){.panel{max-width:768px;min-width:768px}body{align-items:center}header nav{padding:1rem 10rem}}.form-controls{margin-bottom:1rem}.form-controls label{display:block}.form-controls input{display:block;width:100%;box-sizing:border-box}.form-checkbox{display:flex;gap:1rem}.form-checkbox label{margin:0}.form-checkbox input{width:2rem;margin:0}.img-preview{max-height:20vh;height:auto;display:block;margin:1rem;object-fit:contain}.form-submit{display:flex;gap:1rem;justify-content:end}
