body {
    background:var(--home_bg) no-repeat center;
    background-size:cover;
    font-family:'Handjet', monospace;
    font-size:1.25em;
}

h2 {
    font-size:35px;
    font-family:'VT323', monospace;
    
}
h3 {
    font-size:2vw;
    font-family:'VT323', monospace;
    margin:0;
}

main {
    background:var(--home_content_bg) repeat;
    background-size:40px;
    border:4px solid var(--home_border);
    width:72vw;
    height:100vh;
    margin:auto;
    overflow:hidden;
}

header {
    display:flex;
    flex-flow:column;
    background-color:white;
    height:28%;
}

header > img {
    height:85%;
    object-fit:cover;
    object-position:100% 55%;
}

header > .marqueeContainer {
    background:white;
    border:3px solid var(--home_border);
    height:15%;
    font-size:0.9em;
}

.marquee {
    width:80vw;
}

#content {
    display:grid;
    gap:0 10px;
    grid-template-columns: 1fr 2fr 1fr;
    width:100%;
    height:72%;
}

#content > div {
    background-color:white;
    border:2px solid var(--home_border);
    margin:5px;
    overflow-y:auto;
}

#leftSidebar {
    overflow:hidden;
}

.nav {
    max-height:40%;
    overflow-y:auto;
}

.nav li{
    list-style-type:square;
    list-style-position:inside;
    padding-bottom:1%;
}
.nav a:hover {
    color:#6e6e6e;
    text-decoration:none;
}

.navTitle {
    background-image:linear-gradient(#fff, #d9d9d9);
    border-top:2px solid var(--home_border);
    border-bottom:2px solid var(--home_border);
    padding:2px;
    list-style-type:none!important;
    word-wrap:break-word;
    }

#center {
    background:var(--home_center_bg) no-repeat right;
    background-size:auto 100%;
    padding:2%;
}

#rightSidebar {
    padding:1%;
}

#linkBack {
    margin:1%;
}

#linkBack > textarea {
    width:100%;
    height:100px;
}

#changelog {
    grid-column:1/span 2;
    max-height:15vh;
    font-size:1.05em;
}
#changelog tr > td:first-child::after {
    content:" - ";
}
#changelog tr > td:first-child {
    width:20%;
}
        
#notepad {
    z-index:2;
    display:block;
    position:absolute;
    background:url('/images/home/notepad.png') no-repeat;
    background-size:100% 100%;
    width:17%;
    height:33%;
    padding:2% 10px 2% 10px;
    right:7%;
    bottom:4%;
    overflow-y:auto;
}