.contact{display:flex;justify-content:center;align-items:center;min-height:80vh}form{max-width:600px;width:100%;padding:15px 25px 30px;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff;color:#333;margin:25px}form h2{font-size:30px;text-align:center}form .input-box{margin-top:25px}.input-box .field{width:100%;height:50px;background:transparent;border:2px solid #333;outline:none;border-radius:6px;padding:15px;font-size:16px;color:#333;margin-top:10px}.input-box .field.mess{height:150px;resize:none}form button{width:100%;height:50px;background:#1d4ed8;border:none;border-radius:6px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#fff;font-weight:500;margin-top:25px;transition:.5s}form button:hover{background:#0f2970}*{font-family:Amarna,sans-serif;box-sizing:border-box}body{background:#243e46;color:#fff;max-width:650px;padding:.5rem;margin:0 auto}.lyrics{font-family:Lucida Console,Courier New,serif;font-size:.8rem;line-height:1.25;white-space:pre-wrap}.lyrics-credits{font-family:Lucida Console,Courier New,serif;font-size:.7rem;line-height:1.3;white-space:pre-wrap}.logo{width:100%;max-width:800px;display:block;margin:0 auto .5rem}.frontpage-h3{position:absolute;top:5px;left:50%;transform:translate(-50%);margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);white-space:nowrap}.frontpage-button{position:absolute;top:30px;left:50%;transform:translate(-50%)}@media(min-width:1024px){.frontpage-h3{top:20px}.frontpage-button{top:60px}}.h2-small{padding:.1rem;margin:0 auto}.new-item-form{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;flex-direction:column;gap:.1rem}.btn{background:#00aaff1a;border:1px solid hsl(200,100%,50%);color:#0af;padding:.25em .5em;border-radius:.25em;cursor:pointer;outline:none}button{font-size:.9rem;padding:.65rem 1.1rem;border-radius:.45rem;min-width:7.5rem}.btn:hover,.btn:focus-visible{background:#0af3}.btn.btn-danger{background:#cc00001a;border:1px solid hsl(0,100%,40%);color:#c00}.btn.btn-danger:hover,.btn.btn-danger:focus-visible{background:#c003}.new-item-form input{outline:none;border:1px solid hsl(200,100%,40%);background:#069;border-radius:.25em;padding:.25em .5em;color:#cef}.new-item-form input:focus{border:1px solid hsl(200,100%,70%)}.header{font-size:1.5rem;margin-top:1 rem;margin-bottom:.5rem}.list{margin:0;padding:0;margin-left:1rem;list-style:none}.list li:has(input:checked) label{color:#526d7a}.list{display:flex;flex-direction:column;gap:.3rem}.list li{display:flex;gap:.5rem;align-items:center}.list li label{display:flex;gap:.25rem;cursor:pointer;align-items:center}.list li:has(input:focus-visible) label{outline:1px solid hsl(200,100%,50%)}.list li input{outline:none;width:0;height:0;appearance:none;pointer-events:none;position:absolute}.list li label:before{content:"";display:block;width:.9rem;height:.9rem;background:#cef;border-radius:.25em;display:flex;justify-content:center;align-items:center}.list li label:hover:before{background:#9df}.list li:has(input:checked) label:before{content:"✔";background:#08c;color:#cef;font-size:.75rem;font-weight:700}.list li:has(input:checked) label:hover:before{background:#069}