:root {
    --wheat-1: #ffdb00;
    --wheat-2: #ffb100;
    --wheat-3: #fef7c9;
}
html {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
}
* {
    font-family: "Archivo", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
}
.flash {
    font-weight: bold;
    word-wrap: break-word;
    max-width: 100%;
}
.flash[data-kind="success"] {
    color: limegreen;
}

.flash[data-kind="warning"] {
    color: khaki;
}

.flash[data-kind="error"] {
    color: indianred;
}
button,
input,
textarea,
input::file-selector-button {
    font-size: inherit;
    border: 1px var(--wheat-2) solid;
    border-radius: 5px;
}
input,
textarea {
    background-color: var(--wheat-3);
}
button,
input[type="submit"],
input::file-selector-button {
    background-color: var(--wheat-1);
    padding: 5px;
    cursor: pointer;
}

input[type="file"] {
    overflow: hidden;
}
details summary {
    cursor: pointer;
}