* { margin: 0px; font-family: 'Courier New', Courier, monospace; }

body { background-color: #ffffff; background-image: url(/everything/assests/images/textureless.gif); background-size: 25px; }

#container { background-image: linear-gradient(180deg, #c5bdae, #D4CFC7); border: outset 5px #84b851; margin: 15vh 25vw 15vh 25vw; height: 60vh; overflow-y: scroll; filter: drop-shadow(0px 0px 10px black); }

@media screen and (max-width: 1200px) { #container { margin: 5vh 10vw 5vh 10vw; height: 60vh; } }

#container * { margin: 5px; }

#topbar { position: sticky; top: 0px; margin: 0px; background-image: linear-gradient(90deg, #84b851, #608c35); padding: 5px; height: 28px; z-index: 10; }

#topbar > span { float: left; }

#buttons { float: right; font-size: 15px; }

#buttons > div { display: inline; padding: 0px 4px 0px 4px; color: white; border-radius: 3px; filter: drop-shadow(#96cf5e 0px 0px 1px); cursor: pointer; }

.butt { background-color: #608c35; border: 3px #608c35 outset; }

#xbutt { background-color: #7e2332; border: 3px #7e2332 outset; }

#buttons > div:hover { filter: brightness(1.2); }

nav * { margin: 5px; }

nav { position: absolute; background-image: linear-gradient(180deg, #c5bdae, #D4CFC7); border: outset 5px #84b851; width: 15vw; top: 25vh; left: 76vw; filter: drop-shadow(0px 0px 10px black); }

@media screen and (max-width: 1200px) { nav { top: 70vh; width: 77vw; left: 10vw; } nav > ul > li { display: inline-block; } }

#writing > p { padding: 5px; }

#writing > p:hover { background-color: #e3dcd2; cursor: pointer; border-radius: 5px; }

#writing > hr { margin: 10px; }

a { color: #611196; }

a:hover { color: #2e0ac0; }

#post { background-color: #e3dcd2; margin: 10px; border: 5px outset #e3dcd2; }

#post > div > img { border-radius: 10px; float: left; width: 40px; margin: 5px; border: white 3px solid; }

#post > div { /*background-image: linear-gradient(90deg, $green1, $green2); */ height: 56px; margin: 0px; }

#post > div > span { position: relative; color: rgba(0, 0, 0, 0.5); top: 5px; left: 10px; }

#post > div > p { position: relative; top: 9px; left: 5px; }

#post > p { padding: 5px; }

#post > p > img { width: 80%; margin-left: 10%; margin-right: 10%; text-align: center; }

#tags > span > a { color: #7d7d7d; position: relative; bottom: 5px; }

#askbox { width: 80%; height: 20%; }

.crowthingexe { background-image: linear-gradient(90deg, #84b851, #608c35); }

.crowthingexe > p > a { color: black; }

.macintosh { background-image: linear-gradient(90deg, #9d51b8, #813d9a); color: white; }

.macintosh > p > a { color: white; }

/*# sourceMappingURL=styles.css.map */