* {
	margin: 0;
	padding: 0;
}

/* 

NEVER STEAL CODE HOLY SHIT YOU DONT KNOW HOW FUCKING PISSED I AM
I COPIED THIS CSS FROM SOME RANDOM OLD TEMPLATE WEBSITE AND IT KINDA WORKED
BUT NOW I WANT TO MODIFY IT AND LITERALLY NOTHING WORKS AND I DONT UNDERSTAND HOW THIS 
OLD BULLSHIT CSS WORKS BECAUSE THERE IS LITERALLY 0 DOCUMENTATION

*/




/* -------------------------------------------------------------- Basic Info ---- */

body {
background: #000547 url(movestarbackground.gif) bottom center repeat;
font-family: Courier;
font-size: 16px;
line-height: 20px;
color: #b4c4cc;
}

a {
text-decoration: none;
color: #00aaff;
}

ul {
    list-style-type: none;
}


img{
  image-rendering: auto; 
} 


#wrapleft img {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}



#wrap {
  position: sticky;
  z-index: 10; 
  margin: 0em 0em 0em 40em;
}



#wrapleft {
  position: fixed;
  z-index: 0;
  
  width: 14em;
  margin: 20em 0em 0em 2em;
  padding: 0em 0em 420em 0em;
  
  font-size: 16px;
  text-align: justify;
}

#wrapleft #lcontent {
  background: #000547 url(bgif021.gif) bottom center repeat;
}

#wrapleft nav {
  padding-left: 0.4em;
  font-size: 19px;
}

#wrapleft p {
  font-size: 19px;
  padding: 0em 0.4em 0.5em 0.4em;
}

#wrapleft h2 {
  font-size: 24px;
  padding: 0.2em 0em 0.1em 0.4em;
  margin: 0em 0em 0.4em 0em;
  background: #0700cf
}

#wrapleft #stretchimg {
  width: 14em;  
  
}



#wrapright {
  position: fixed;
  z-index: 0;
  right: 0em;
  
  width: 14em;
  margin: 20em 2em 0em 0em;
  padding: 0em 0em 420em 0em;
  
  font-size: 16px;
  text-align: justify;
}

#wrapright #lcontent {
  background: #000547 url(bgif021.gif) bottom center repeat;
}

#wrapright p, #wrapright a {
  font-size: 19px;
  padding: 0em 0.4em 0.5em 0.4em;
}

#wrapright h2 {
  font-size: 24px;
  padding: 0.2em 0em 0.1em 0.4em;
  margin: 0em 0em 0.4em 0em;
  background: #0700cf
}

#wrapright #stretchimg {
  width: 14em;  
  
}




#wrapbg {
  position: fixed;
  z-index: -10;
  left: 0em;
  
  width: 420em;
  margin: 34em 2em 0em 0em;
  padding: 0em 0em 0em 0em;
  
  font-size: 16px;
  text-align: justify;
}

#wrapbg p{
  opacity: 0.05;  
}

#wrapbg {
  background: #000547 url(bgif021.gif) bottom center repeat;
}





.left, .right {
  box-shadow: 0px 0px 72px black;
}








#flip_img{
  transform: scaleX(-1);
}

#ghostmouse
{   z-index: 42;  }
  
#snow
{   z-index: 40;  }


@media (max-width: 110em) {
  #wrapleft {
  margin: 12em 0em 0em 1em;
  }
  #wrapright {
  margin: 12em 1em 0em 0em;
  }
}
@media (max-width: 100em) {
  #wrapleft {
  width: 12em;
  margin: 5em 0em 0em 1em;
  padding: 0em 0em 420em 0em;
  
  font-size: 16px;
  text-align: justify;
  }
  
  #wrapleft img{
  max-width: 12em;
  }
  
  #wrapleft .animegirl{
  width: 90px;
  height: auto;
  }
}
@media (max-width: 90em) {
  #wrapright {
    width: 12em;
  margin: 7em 0em 0em 1em;
  }
  #wrapright img{
  max-width: 12em;
  }
  
  #wrapleft {
  margin: 1em 1em 0em 0em;
  }
  
  #wrapbg {
  margin: 20em 2em 0em 0em;
  }
  
  
}



/* Quick Fix for Page Displayment on Mobile and Large Screen Sizes*/


@media (max-width: 60em)
{
  html{ zoom: 50%; } 
}

@media (max-width: 80em)
{
  html{ zoom: 70%; } 
}

/*
@media (min-width: 150em)
{
  html{ zoom: 150%; } 
}

@media (min-width: 250em)
{
  html{ zoom: 250%; } 
}
*/

@media (min-width: 200em)
{
  html{ zoom: 200%; } 
}











#button img, #cover img{
  filter: drop-shadow(0px 7px 5px #000);
}

/* -------------------------------------------------------------- Hover ---- */

a:hover {
text-decoration: underline;
color: #ffbf00;
}

#button:hover, #cover:hover{
  filter: drop-shadow(0px 0px 14px #FFF);
}

#highlight:hover{
filter: invert(100%);
}

#grow_picture:hover {
  width:auto;
  height: 24rem;
}



/* -------------------------------------------------------------- Position ---- */

#floaty {
  position:fixed;
  bottom: -19rem;
  left:  20rem;
  z-index: -10;
  opacity: 0.7;
}

#floaty2 {
  position:fixed;
  transform: scaleX(-1);
  bottom: -19rem;
  right:  20rem;
  z-index: -10;
  opacity: 0.7;
}


@media (max-width: 400em) {
  #floaty {
  left:  40rem;
  }
  #floaty2 {
  right:  40rem;
  }
}
@media (max-width: 150em) {
  #floaty {
  left:  34rem;
  }
  #floaty2 {
  right:  34rem;
  }
}
@media (max-width: 140em) {
  #floaty {
  left:  30rem;
  }
  #floaty2 {
  right:  30rem;
  }
}
@media (max-width: 130em) {
  #floaty {
  left:  27rem;
  }
  #floaty2 {
  right:  27rem;
  }
}
@media (max-width: 120em) {
  #floaty {
  left:  20rem;
  }
  #floaty2 {
  right:  20rem;
  }
}
@media (max-width: 110em) {
  #floaty {
  left:  15rem;
  }
  #floaty2 {
  right:  15rem;
  }
}
@media (max-width: 100em) {
  #floaty {
  left:  10rem;
  }
  #floaty2 {
  right:  10rem;
  }
  
}







#wrapleft h2, #wrapright h2{
  border-style: outset;
  border-width: 7px;
  border-color: blue;
}

.left h2{
  border-style: ridge;
  border-width: 7px;
  border-color: #ffaa0d;
}

.right h2{
  border-style: ridge;
  border-width: 7px;
  border-color: blue;
}








/* --------------------------------------------------------------- Old CSS ---- */

#wrap {
z-index: 10;
margin: 0 auto;
width: 950px;
}

#header h1 { 
font-size: 35px;
letter-spacing: -1px;
padding: 0px 0 0 20px;
color: #fff;
}
#header h1 a { 
color: #FFA500;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
font-size: 18px;
color: #d5e5ed;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#content {
padding: 0 20px;
}

.left {
float: left;
width: 700px;
text-align: justify;
padding-top: 0px;
background: #000547 url(tile1.jpg)  bottom center repeat;
}
.left h2 {
font-size: 24px;
font-weight: 600;
padding-left: 10px;
height: 30px;
line-height: 30px;
background: #FFA500;
}
.left h2 a {
text-decoration: none;
color: #111;
}
.left h2 a:hover {
color: #fff;
}

.right {
float: right;
width: 200px;
padding-top: 0px;
background: #000547 url(bgif021.gif) bottom center repeat;
}
.right h2 {
margin: 0px 0 0 0;
padding-left: 10px;
height: 30px;
line-height: 30px;
background: #0700cf;
color: #e4f1f7;
font-size: 13px;
}
.right ul {
padding: 10px 0 15px 20px;
color: #d5e5ed;
}
.right ul li a {
text-decoration: none;
font-weight: 600;
}

.articles {
padding: 10px;
}

#footer {
text-align: center;
font-size: 11px;
color: #aaa;
margin-top: 40px;
border-top: 1px dotted #aaa;
padding-top: 10px;
padding-bottom: 200px;
}
#footer a { color: #aaa; }
#footer a:hover { color: #eee; }