 <!-- THIS IS THE CSS !-->
        <style class="ud-edited-background">:root { --header-image: url('https://sadhost.neocities.org/images/layouts/wp.jg'); --body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gf'); --content: #43256E; --ud-bg--header-image: url('https://sadhost.neocities.org/images/layouts/wp.jg'); --ud-bg--body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gif'); --ud-bg--content: rgba(0,0,0,0); }
body {
font-family: Courier;
font-size: 14px;
line-height: 1.42857143;
color: #00ff00;
background-color: #000000;
body { font-family: "Courier", sans-serif; margin: 0; background-color: rgb(0, 0, 00); background-size: 65px; color: rgb(0, 0, 0); background-image: var(--ud-bg--body-bg-image); }
* { box-sizing: border-box; }
#container { max-width: 900px; margin: 0 auto; }
#container a { color: rgb(255, 0, 0); font-weight: bold; }
#header { width: 100%; background-color: rgb(0, 0, 0); height: 150px; background-image: var(--ud-bg--header-image); background-size: 100%; }
#navbar { height: 40px; background-color: rgb(0, 0, 0); width: 100%; }
#navbar ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; }
#navbar li { padding-top: 10px; }
#navbar li a { color: rgb(255, 0, 0); font-weight: 800; text-decoration: none; }
#navbar li a:hover { color: rgb(255, 0, 0); text-decoration: underline; }
#flex { display: flex; }
aside { background-color: rgb(0, 0, 0); width: 200px; padding: 20px; font-size: smaller; }
main { background-color: rgb(3, 3, 3); flex: 1; padding: 20px; order: 2; }
#rightSidebar { order: 3; }
footer { background-color: rgb(0, 0, 0); width: 100%; height: 40px; padding: 10px; text-align: center; }
h1, h2, h3 { color: rgb(0, 255, 0); }
h1 { font-size: 25px; }
strong { color: rgb(0, 255, 0); }
.box { background-color: rgb(0, 0, 0); border: 1px solid rgba(255,0,0,1); padding: 10px; }
#topBar { width: 100%; height: 30px; padding: 10px; font-size: smaller; background-color: rgb(0, 0, 0); }
@media only screen and (max-width: 800px) {
  #flex { flex-wrap: wrap; }
  aside { width: 100%; }
  main { order: 1; }
  #leftSidebar { order: 2; }
  #rightSidebar { order: 3; }
  #navbar ul { flex-wrap: wrap; }
}</style>
