:root{--color-primary: #002b47;--color-secondary: #e5e5e5}*{box-sizing:border-box}body{background-color:var(--color-primary);color:var(--color-secondary);margin:auto;display:flex;flex-direction:column;padding-block:2rem;max-width:480px;padding:1rem}h1{font-size:6rem;font-weight:700;margin:0;padding:1rem;text-align:center}a{color:var(--color-secondary)}label{display:flex;flex-direction:column;gap:.5rem;font-size:1.5rem}label>input+span{font-size:1rem}input{font-size:1.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;color:var(--color-primary);transition:all .2s ease-in-out;outline:none;width:100%}input:disabled{background-color:var(--color-primary);color:#fff;text-align:center}audio{width:100%;border-radius:.5rem}button,a.btn,button.btn{color:var(--color-primary);border:none;border-radius:.5rem;padding:.5rem 1rem;text-decoration:none;font-size:1.5rem;font-weight:700;text-align:center;width:100%;cursor:pointer;background-color:#fff}button:hover,a.btn:hover{background-color:var(--color-secondary)}form{display:flex;flex-direction:column;padding:1rem;max-width:420px;margin:auto}form>*+*{margin-top:1rem}blockquote{font-size:1.5rem;font-style:italic;margin:0;padding:1rem;text-align:center}