body {
    margin: 0;
    background: #d6d0b8;
    color: #33291f;
    font-family: Georgia, "Times New Roman", serif;
}

.page {
    width: min(900px, calc(100% - 30px));
    margin: 20px auto;
    background: #f8f0d8;
    border: 3px ridge #8b7355;
    box-shadow: 6px 6px 0 #91866f;
}

header {
    text-align: center;
    padding: 25px 15px 15px;
    background: #e6d6ad;
    border-bottom: 3px double #806b4e;
}

.logo {
    font-size: 32px;
    font-weight: bold;
    text-shadow: 2px 2px #c5b58e;
}

.tagline {
    margin: 8px 0 18px;
    font-style: italic;
}

nav {
    padding: 10px;
    background: #b9aa88;
    border: 2px outset #d8cba9;
}

nav a {
    margin: 0 10px;
    color: #241a72;
    font-weight: bold;
}

main {
    padding: 25px;
}

.welcome,
.recipe-list,
.support-box {
    margin-bottom: 25px;
    padding: 18px;
    border: 2px inset #c4b58e;
    background: #fff8df;
}

h1 {
    font-size: 27px;
}

h2 {
    color: #6c3e25;
}

h3 a {
    color: #171c82;
}

.button {
    display: inline-block;
    padding: 8px 15px;
    border: 2px outset #eee;
    background: #d0c4a0;
    color: #171c82;
    font-weight: bold;
    text-decoration: none;
}

.button:active {
    border-style: inset;
}

footer {
    padding: 15px;
    text-align: center;
    font-size: 13px;
    background: #ded1aa;
    border-top: 3px double #806b4e;
}