cr ratboizs css

-- FONTS --
@font-face { font-family: Pixelated MS Sans Serif; src:url(ms_sans_serif.woff) format("woff"); src:url(ms_sans_serif.woff2) format("woff2"); }

@font-face { font-family: emoji; src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf); } a, a:hover { cursor: help; }

body {
font-size: 1em !important; }

-- MAIN CONTAINER --
width: 75.125em;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

-- LEFT SECTION TITLE CONTAINER --
width: 50%;
position: absolute;
left: -1em;
bottom: 13em;

-- LEFT SECTION CONTENT CONTAINER --
width: 50%;
height: 9em;
position: absolute;
left: -1em;
bottom: 4em;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

-- RIGHT SECTION TITLE CONTAINER --
width: 50%;
position: absolute;
right: -1em;
bottom: 14em;

-- RIGHT SECTION CONTENT CONTAINER --
width: 50%;
height: 9em;
position: absolute;
right: -1em;
bottom: 5em;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

-- IMAGES --
border: 2px inset;

-- TEXT UNDER MAIN IMAGE --
background: white;
border: 2px inset;
padding: 5px;
font-family: Pixelated MS Sans Serif;

!! MARK OF TEXT UNDER MAIN IMAGE !!
background: none;
font-family: emoji;

-- USERNAME / DATE --
font-family: Pixelated MS Sans Serif;

-- MAIN SCROLLBOX --
background: white;
border: 2px inset;
padding: 5px;
font-family: Pixelated MS Sans Serif;
height: 13em;
overflow: auto;

-- SECTION TOP SCROLLBOX --
background: white;
border: 2px inset;
padding: 5px;
font-family: Pixelated MS Sans Serif;
height: 6em;
overflow: auto;

-- SECTION BOTTOM SCROLLBOX --
background: white;
border: 2px inset;
padding: 5px;
font-family: Pixelated MS Sans Serif;
height: 4em;
overflow: auto;