:root {
    --deep-brown: #2f1f18;
    --soil-brown: #492F1F;
    --roman-brown: #705336;
    --wood-brown: #6C3925;
    --terracotta: #AA613C;
    --orange: #9a4949;
    --antique-ivory: #B4946B;
}

html, body {
    margin: 0;
    padding: 0;
    /*width: 100%;*/
    /*height: 100%;*/
    overflow: hidden;

}


/*html, body {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    min-height: 100%;*/
/*}*/

body {
    background: url("../images/pomegranate.jpeg") no-repeat center center fixed;
    background-size: cover;
    font-family: serif;
    position: relative;
        padding-right: 120px;
        padding-left: 120px;
        padding-bottom: 40px;
}

/* Font */
.kings-regular {
    font-family: "Kings", cursive;
    font-weight: 400;
    font-style: normal;
}

/* Side decorative strips */
.lettering {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 75px;
    object-fit: cover;
    z-index: 5;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.header-style {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
}
h2 {
    display: none;
}

.nav-list {
    list-style: none;
    display: flex;
    gap: 18px;
    margin: 0;
    padding: 0;
    align-items: center;
}

.nav-list li {
    display: flex;
}

.nav-list a {
    display: block;
    text-decoration: none;
}

.nav-img {
    height: 75px;   /* adjust size here */
    width: auto;
    display: block;
}


/* Main content box */
.center-box {
    width: 620px;
    min-height: 620px;
    margin: 0 auto;
    background-color: var(--antique-ivory);
    border: 4px solid var(--orange);
    box-sizing: border-box;
    padding: 30px 55px 20px 55px;
    position: relative;
    z-index: 10;
}

/* Title */
.center-box h1 {
    text-align: center;
    font-size: 60px;
    margin: 0 0 25px 0;
    color: var(--soil-brown);
}


/* Footer inside box */
.center-box footer {
    text-align: center;
    color: var(--deep-brown);
    background: none;
    display: block;
    font-size: 14px;
}

/*html, body {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: hidden;*/

/*}*/

/*!* For page specific css only*/
/* *!*/


/*!*Formatting:*!*/
/*!*Design your own style that you apply to all pages and that fits the game.*!*/



/*!*Palette*!*/
/*.color-palette {*/
/*    color: #492F1F;*/
/*    color: #705336;*/
/*    color: #6C3925;*/
/*    color: #AA613C;*/
/*    color: #B4946B;*/
/*}*/
/*!*Border Animation*!*/
/*!*div {*!*/
/*!*    width: 100px;*!*/
/*!*    height: 100px;*!*/
/*!*    background: red;*!*/
/*!*    position: relative;*!*/
/*!*    animation: mymove 20s infinite;*!*/
/*!*}*!*/
/*!*@keyframes mymove {*!*/
/*!*    from {top: 0;}*!*/
/*!*    to {bottom: 200px;}*!*/
/*!*}*!*/

/*!*Font*!*/
/*.kings-regular {*/
/*    font-family: "Kings", cursive;*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/
/*p {*/
/*    font-size: 20px;*/
/*}*/

/*.inner {*/
/*    display: inline-block;*/
/*    max-width: 100%;*/
/*    vertical-align: middle;*/
/*}*/


/*body {*/
/*    background: url("images/pomegranate.jpeg") no-repeat fixed center;*/
/*    !*background-image: url("images/scrapbooking-paper.jpeg");*!*/
/*    !*padding-right: 120px;*!*/
/*    !*padding-left: 120px;*!*/
/*    padding-bottom: 40px;*/
/*}*/

/*h1 {*/
/*    text-align: center;*/
/*}*/

/*.lettering {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    height: 100vh;   !* full screen height *!*/
/*    width: 120px;    !* adjust as needed *!*/
/*    object-fit: cover;*/
/*    z-index: 10;*/
/*}*/

/*ol, ul {*/
/*    list-style: none;*/
/*}*/

/*.left {*/
/*    left: 0;*/
/*}*/
/*.right {*/
/*    right: 0;*/
/*}*/

/*.img-style {*/
/*    max-height: 3.9375rem;*/
/*    height: auto;*/
/*    transition: none;*/
/*}*/

/*.content {*/
/*    !*margin-left: 120px;*!*/
/*    !*margin-right: 120px;*!*/
/*    height: 100vh;*/
/*    overflow: hidden;*/
/*}*/
/*!*.center-box {*!*/
/*!*    margin: 0 auto;*!*/
/*!*    overflow: auto;*!*/
/*!*    width: 32em;*!*/
/*!*    height: 32em;*!*/
/*!*    !*margin-top: 10.5%;*!*!*/
/*!*    padding: 3.5em 4em;*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    align-items: center;*!*/
/*!*    border: 3px solid #740b0b;*!*/
/*!*}*!*/

/*.center-box {*/
/*    margin: 0 auto;*/
/*    overflow: auto;*/
/*    width: 32em;*/
/*    height: 32em;*/
/*    padding: 3.5em 4em;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border: 3px solid #740b0b;*/
/*    background-color: #B4946B;*/
/*}*/

/*.header-spacing {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    vertical-align: baseline;*/
/*}*/

/*.header-style {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.header-style ul {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 12px;*/
/*    margin: 10px 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/

/*.header-style li {*/
/*    display: flex;*/
/*}*/

/*.header-style img {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    object-fit: contain;*/
/*}*/

/*!*.menu-style {*!*/
/*!*    text-align: center;*!*/
/*!*    border: 3px solid #740b0b;*!*/
/*!*    justify-content: center;*!*/
/*!*    display: flex;*!*/
/*!*}*!*/

/*.header-style {*/
/*    text-align: center;*/
/*    justify-content: center;*/
/*    display: flex;*/
/*}*/

/*footer {*/
/*    text-align: center;*/
/*    justify-content: center;*/
/*    display: flex;*/
/*    background-color: #740b0b;*/
/*}*/