:root {
    --d: #402B1D;
    --cb: #7f5539;
    --tb: #9c6644;
    --fc: #b08968;
    --t: #ddb892;
    --ds: #e6ccb2;
    --ac: #ede0d4;
    --br: 10px;
}

@font-face {
    font-family: redhatdisplay;
    src: url(redhatdisplay.ttf);
}

@font-face {
    font-family: redhatdisplay;
    src: url(redhatdisplayitalic.ttf);
    font-style: italic;
}

body, button, input {
    font-family: redhatdisplay;
}

html {
    background-color: var(--ds);
}

body {
    margin: 15px auto;
    max-width: 800px;
    background-color: var(--ac);
    border-radius: var(--br);
    padding: 10px;
}

h1 {
    text-align: center;
    text-decoration: underline;
    color: var(--cb);
}

footer {
    text-align: center;
    color: var(--cb);
    font-size: small;
}

a {
    color: none;
    text-decoration: none;
}