body { font: 100%/2em "Arial", sans-serif; background: url("../../assets/images/normified.png"); margin: 0; margin-top: 0.5em; }

h1, h2, h3, h4, h5, h6 { font-family: "Papyrus", Geneva, sans-serif; color: #995599; word-spacing: 0.02em; text-align: center; }

h1 { font-weight: bold; font-size: 2em; text-align: left; }

p { line-height: 1.6em; }

main { width: 60%; background: #FDFAFD; min-height: 70vh; margin: 1em auto; padding: 2%; border: 3px solid #AD8BB7; }

#flexy { display: flex; }

#left { width: 15%; border: 3px solid #AD8BB7; min-height: 50vh; padding: 1%; margin: 1em auto; margin-left: 0; margin-right: 0; background: #FDFAFD; }

#right { width: 15%; border: 3px solid #AD8BB7; min-height: 50vh; padding: 1%; margin: 1em auto; margin-left: 0; margin-right: 0; background: #FDFAFD; }

#container { min-height: 90vh; overflow: auto; max-width: 80%; margin: 1em auto; color: #453b63; }

#top { float: center; font-size: 1.5em; min-height: 1em; padding: 1%; clear: both; background: #FDFAFD; margin: 1em auto; margin-bottom: 0; border: 3px solid #AD8BB7; }

#stickyimg { position: fixed; bottom: 0; right: 0; }

#bottom { color: black; background: #FDFAFD; clear: both; border: 4px solid #AD8BB7; padding: 0.5%; }

#bottom p { text-indent: 0; }

ul { list-style-type: square; padding: 0; padding-left: 3em; margin: 0; }

#genbox { background: red; padding: 0.5%; min-height: 5em; min-width: 30%; overflow: auto; float: center; }

@media only screen and (max-width: 900px) { #sidebar { display: none; } #top { max-width: 100%; width: 100%; margin: 0; float: none; } #flexy { flex-wrap: wrap; } main { width: 100%; margin: 0; display: block; order: 1; float: none; } #left { max-width: 100%; width: 100%; display: block; order: 2; } #right { max-width: 100%; width: 100%; display: block; order: 3; } #container { max-width: 100%; width: 100%; padding: 0; margin: 0; float: none; overflow: visible; } body { padding: 0; margin: 0; } #stickyimg { display: none; } }

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