/* =========================================================
   Base Variables
   ========================================================= */

:root {
    --cream: #F2E6D8;
    --brown: #4A3A2E;
}


/* =========================================================
   Global Reset
   ========================================================= */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    background: var(--cream);
    color: var(--brown);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
}

.page-content {
    padding: 5px 30px;
}

.site-main {
    flex: 1;
    display: block;
}


/* =========================================================
   Page Fade Animation
   ========================================================= */

body {
    opacity: 0;
    animation: fadePage 0.8s ease forwards;
}

@keyframes fadePage {
    to {
        opacity: 1;
    }
}