/* =========================================
RESET
========================================= */

* {

    margin:0;

    padding:0;

    box-sizing:border-box;

}


/* =========================================
BODY
========================================= */

body {

    font-family:'VT323', monospace;

    color:#555;

    background:#000;

    overflow-y:scroll;

}


/* =========================================
PAGE
========================================= */

.page {

    width:938px;

    margin:14px auto;

    background:000;

    border:7px solid #000;

    box-shadow:
        0 0 25px rgba(0,0,0,.25);

    padding:12px;

    position:relative;

}


/* =========================================
TOP BAR
========================================= */

.topbar {

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#666;

    font-size:20px;

    margin-bottom:20px;

}


.breadcrumbs a {

    color:#666;

    text-decoration:none;

}


.breadcrumbs a:hover {

    color:#0B406B;

}


/* =========================================
TITLE
========================================= */

.title-area {

    width:100%;

    text-align:center;

    margin-top:25px;

    margin-bottom:35px;

}


.title-area h1 {

    font-family:'VT323', monospace;

    font-size:38px;

    font-weight:normal;

    color:#ffffff;

    line-height:1.2;

}


/* =========================================
WOODLAND IMAGE
========================================= */

.woodland-area {

    position:relative;

    width:100%;

    text-align:center;

    border:5px solid #000;

    background:#000;

    overflow:hidden;

}


.woodland-area > img:first-child {

    display:block;

    width:100%;

    height:auto;

    image-rendering:pixelated;

}


/* =========================================
FOREST IMAGES
========================================= */

.forest-fox {

    position:absolute;

    width:130px;

    height:auto;

    left:540px;

    top:965px;

    image-rendering:pixelated;

}


.forest-wolf {

    position:absolute;

    width:75px;

    height:auto;

    left:320px;

    top:943px;

    image-rendering:pixelated;

}


.forest-butterflies {

    position:absolute;

    width:100px;

    height:auto;

    left:200px;

    top:900px;

    image-rendering:pixelated;

}


.forest-butterflies2 {

    position:absolute;

    width:100px;

    height:auto;

    left:650px;

    top:900px;

    image-rendering:pixelated;

}


.forest-deer {

    position:absolute;

    width:195px;

    height:auto;

    left:340px;

    top:1090px;

    image-rendering:pixelated;

}


/* =========================================
CLOCK
========================================= */

#clock {

    color:#DC1CFF50;

}


/* =========================================
FOOTER
========================================= */

.site-footer {

    width:100%;

    text-align:center;

    margin-top:45px;

    padding-top:4px;

    padding-bottom:10px;

}


.site-footer p {

    font-family:'VT323', monospace;

    font-size:20px;

    line-height:1.4;

    color:#FFF;

    margin:0 auto;

    max-width:700px;

}

}