:root{--input-background: #f387bd;--input-background-disabled: #91888c;color:#fff;background:#711041 linear-gradient(30deg,#711041,#380541) no-repeat;font-style:normal;font-optical-sizing:auto;font-family:Emilys Candy;font-size:28px;min-width:420px}*{box-sizing:border-box;margin:0;padding:0}html,body{display:flex;width:100%;height:100%}#app{display:flex;flex:1}input{border-radius:8px;padding:4px;outline:none;border:1px solid #000;background:var(--input-background);color:#000;font-size:.8em;font-family:Inter;min-width:16px}input::placeholder{color:#711041}.padded{padding:1rem}@media screen and (max-width: 620px){.padded{padding:.7rem}}.form-control{display:grid;gap:2rem;grid-template-columns:1fr 2fr;width:100%}.success{color:#090}main{font-family:Inter}h1,h2,h3,h4,h5,h6{font-family:Emilys Candy}h2{font-size:1.2rem}button{font-family:Emilys Candy;background:var(--input-background);color:#1e091d;font-weight:700}button:disabled{background:var(--input-background-disabled)}.info{font-family:Inter;font-size:.8rem}.error{color:#ff0d0d}.heading{margin-bottom:1rem}.form-control p{font-size:.75em;align-self:center}.spinner{animation:spin 1s linear infinite;margin:0 4px}@keyframes spin{to{transform:rotate(360deg)}}