@font-face {
    font-family: "Small Town Skyline";
    src: url('small_town_skyline.ttf');
}

:root {
    --box-border: 1px solid #4e241e;
    --box-bg: #02160d;
    --font-color: #ad633b;
    --page-font: "Small Town Skyline";
}

body {
    background: #000b06;
    font-family: var(--page-font);
scrollbar-color: #00492a #042818;
}

::selection {
    background:  #042818;
    color: #00492a;
}

a {
    text-decoration: none;
    color: #b44a26;
}

a:visited {
    color: #9e3511;
}

a:active {
    color: #f25a26;
}

a:hover {
color: #f25a26; }

b, strong {
color: #9ac37f; }

i, em {
color: #4c8e5e; }

u {
color: #346c4c; }

s {
color: #6ec280; }

big {
color: #0c4b2f; }

small {
color: #3a6716; }

blockquote {
border: var(--box-border);
background: #042818;
color: #ac633a;
padding: 10px; }

.header {
    font-size: 32pt;
    color: #791710;
    text-align: center;
}

#denji {
    background: url('doortodenji.png');
    width: 321px;
    height: 498px;
    position: fixed;
    bottom: 0px;
    left: 30px;
}

#container {
    margin: 30px;
}

#sidebar {
    width: 321px;
    float: left;
    position: fixed;
}

#menu {
    border: var(--box-border);
    background: var(--box-bg);
    color: var(--font-color);
    font-size: 32pt;
    padding: 15px 4px;
text-align: center;
}

#blurb {
    border: var(--box-border);
    background: var(--box-bg);
    color: var(--font-color);
    font-size: 24pt;
    text-align: center;
    margin-top: 25px;
padding: 10px;
}

#content {
    margin-left: 400px;
    border: var(--box-border);
    background: var(--box-bg);
    color: var(--font-color);
    font-size: 28pt;
    padding: 30px;
text-align: justify;
height: 80vh;
overflow: scroll;
overflow-x: hidden; 
}

#content img {
max-width: 100%; }

.writing {
white-space: pre-line; }

@media screen and (max-width : 800px) {
    #denji {
        display: none;
    }
    #sidebar {
        
   position: relative;
        margin-bottom: 30px;
        float: none;
        width: auto;
    }
    #blurb {
     font-size: 0;
    }
    #content {
        margin-left:  0;
        height: 35vh;
    }
}