:root{
    /* Brown color palates */
    --primary-brown: #997639;
    --brown-dark: #69480f;

    /* Green color palates */
    --primary-green: #0f6e0c;
    --green-light: #13c90e;
    --green-dark: #174216;

    /* Pink color palates */
    --primary-pink: #c91f76;
    --pink-dark: #601139;

    --image-size: 300px;
}

header {
    background-color: var(--primary-brown);
    color: var(--primary-pink);
    text-align: center;
    text-shadow: 2px 2px 3px var(--pink-dark);
    box-shadow: 1px 5px var(--brown-dark);
}

footer {
    background-color: var(--primary-brown);
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: var(--green-light);
    text-shadow: 2px 2px 3px var(--green-dark);
}