body {
            background-image: url("https://cloverstar.neocities.org/memorylog2010/pictures/background.png");
            background-repeat: repeat;
            font-size:1em;
            line-height:19px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh; 
            }
            @font-face { font-family: "hearts";
            src: url('https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf') format("truetype"); }
            a:hover {
            color: #DE9599;
            background-color: transparent;
            text-decoration: underline;
            }

            a:link {
            color: #9D6166;
            background-color: transparent;
            text-decoration: underline;
            }
            #LAYOUT {
            width:740px;
            height:auto;
            min-height:-25px;
            padding:5px;
            margin-left:auto;
            margin-right:auto;
            align-content: center;
            align-items: stretch;
            margin: auto;
            justify-content: center;  
            }
            header {
            background-color:transparent;
            width:150%;
            height: 150px;
            position:relative;
            top: -9px;
            left:-10px;
            overflow:visible;
            margin:1px;
            font-family:hearts;
            }
            
            div {
            font-family:ms pgothic;
            }
            .BOARD p {
            margin:0px;
            padding:0px;
            }
            ::-webkit-scrollbar {
width: 16px
}
 
::-webkit-scrollbar:horizontal {
height: 17px
}
 
::-webkit-scrollbar-corner {
background: #eee
}
 
::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
}
 
::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
}
 
::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
 
::-webkit-scrollbar-thumb:vertical {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-thumb:horizontal {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
}
 
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}
 
::-webkit-scrollbar-button:vertical {
height: 17px
}
 
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299199633141851/download.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
 
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
 
::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299200052576387/87ae92e1-3894-4469-b1b9-aedf5f04975c.png");
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
            
            .outer-container {
            width:700px;
            height:auto;
            margin:auto;
            margin-top:-4px;
            margin-bottom:15px;
            border: 3px ridge blue;
            border-width:4px;
            background:white;
            box-sizing:border-box;
            overflow-y:visible;
            overflow-x:visible;
            position:relative;
            padding:8px;
            min-height:200px;
            top:10px;
            position:relative;
            }
            .navigation {
            width:140px;
            height:420px;
            min-height:200px;
            border:9px solid;
            border-image: url("https://foollovers.com/mat/baf/food/fo32-008-a.gif") 8 fill round;
            border-width:7px;
            background:transparent;
            margin-top:15px;
            margin-right:5px;
            background:white;
            overflow:hidden;
            position: relative
            font-family:'hearts';
            }
            .button {
            width:100%;
            background:transparent;
            height:21px;
            font-size:20px;
            padding-left:5px;
            padding-right:5px;
            text-align:center;
            border-bottom:3px solid pink;
            font-weight:600;
            font-family:'hearts';
            }
            .nav-button {
            overflow:hidden;
            width: 684px;
            height: auto;
            padding-top: 8px;
            padding-bottom: 8px;
            background: blue;
            position: relative;
            top: 8px;
            left: 20px;
            border: 3px ridge blue;
            padding: 5px;
            }
            
            ul {
            list-style-type:none;
            padding:3.5px;
            margin:0px;
            }
            .base {
            width: auto;
            height: auto;
            align-content: center;
            align-items: stretch;
            margin: auto;
            justify-content: center;  
            }
            .chatbox {
            width: auto;
            height: auto;
            background: white;
            min-height: 10px;
            border: 3px gray ridge;
            position: relative;
            margin: 5px;
            padding: 5px;
            }