@charset "UTF-8";

@import url("/static/fonts/pixelify-sans.css");


:root {
    --text: #F4F2E4;
    --accent: #FF8080;
    color-scheme: dark;
}
 
body {
    margin: 0;
    font: 1.125rem/1.5 "Pixelify Sans", system-ui, sans-serif;
    color: var(--text);
    background: #0B090A;
}
 
header { padding: 0.5rem 1rem; background: var(--text); }
main { max-width: 48rem; margin: 0 auto; padding: 1rem; }
footer { text-align: center; opacity: 0.6; }
 
h1 { margin: 0; }
h1, summary, label, dt { color: var(--accent); font-weight: bold; }
#resultado p { color: var(--accent); }
 
details { margin-bottom: 1.5rem; padding: 0.75rem 1rem; border: 2px solid var(--text); }
summary { cursor: pointer; }
 
input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font: inherit;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: inherit;
    background: none;
    border: 2px solid var(--text);
    border-radius: 0;
}
 
dd { margin: 0 0 0.75rem; }
 
:focus-visible { outline: 3px solid var(--accent); }