body {
    background: rgb(41, 26, 15);
    color: gold;

    h1, h2 {
        font-family: "Quintessential", serif;
        margin-bottom: 0;
        color: rgb(255, 145, 0);
    }

    p {
        font-family: 'Times New Roman', Times, serif;
        margin-top: 4px;
    }

    header {
        background: rgb(56, 42, 28);
        border-bottom: solid 5px gold;
        text-shadow: 0 0 24px rgba(212,160,23,0.35), 1px 1px 0 rgba(0,0,0,0.8);

        h1 {
            color: rgb(255, 145, 0);
            padding-left: 3%;
            margin-bottom: 4px;
        }
        
        p {
            padding-left: 3%;
            font-family: 'Times New Roman', Times, serif;
            color: gold;
            font-style: italic;
            margin-top: 4px;
        }

        a {
            color: gold;
        }
    }

    main, footer {
        padding-left: 1%;
    }

    hr {
        color: gold;
        height: 5px;
        background-color: gold;
        padding: 0;
        margin: 0;
    }

    .card-div {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 32px;
    }

    .card {
        border: 1px solid gold;
        padding: 16px;
        box-shadow: 6px 6px 0 rgba(0,0,0,0.15);
        border-radius: 3%;
        flex: 1 1 260px;
    }

    footer p {
        font-family: "Quintessential", serif;
        color: gold;
    }
}