html {
font-family: MS UI Gothic, Tahoma;
background-color: black;
scrollbar-color: #1f9c36 black;
scrollbar-width: auto;
image-rendering: pixelated;
font-smooth: never;
-webkit-font-smoothing: none;
}

@font-face {
font-family: commodore;
src: url(fonts/C64.woff);
}

body {
width: 900px;
position: relative;
margin: 0 auto;
margin-top: 5px;
color:white;
}

.main {
width: 700px;
height: 765px;
background-color: black;
outline: 1px solid #671eb0;
padding: 0px;
margin: 0px;
}

.banner {
width: 700px; 
height:120px; 
overflow-x: hidden; 
overflow-y: hidden;
display:block;
background-image: url("Images/background scroll.png");
background-position: -100px -10px;
animation: scrolling 5s infinite;
animation-timing-function: linear;
}

.NAV {
z-index: 3;
width: 200px;
height: 765px;
background-color: black;
outline: 1px solid #671eb0;
padding: 0px;
margin: 0px;
}

h3 {
font-family: "commodore";
letter-spacing: 8px;
}

li {
list-style-type:none;
}

table {
margin-top: -1px;
}

.header {
text-align: center;
font-weight: bold;
background: rgb(123,0,157);
background: linear-gradient(0deg, rgba(123,0,157,0.75672275746236) 0%, rgba(141,0,255,0) 100%);
}

.NavHeader {
padding: 8px;
text-align: center;
font-weight: bold;
background-image: url("Images/webbar.png");
background: rgb(123,0,157);
background: linear-gradient(0deg, rgba(123,0,157,0.75672275746236) 0%, rgba(141,0,255,0) 100%);
}

.NavBar {
width: 200px;
display:block;
}

.NavBar:hover {
width: 200px;
display:block;
background: rgb(123,0,157);
background: linear-gradient(0deg, rgba(123,0,157,0.75672275746236) 0%, rgba(141,0,255,0) 100%);
}

a {
color: #1f9c36;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: white;
text-decoration: none;
}

.SMI {
width:15px;
margin-bottom: -3px;
margin-right: 5px;
}

.SMLink {
text-decoration: underline;
}

.SMLink:hover {
text-decoration: underline;
}

@keyframes scrolling {
0% {
background-position: -60px;
}
100% {
background-position: -135px;
}
}

#statuscafe-username a {
    display:none;
}

.backg1 {
margin-left: -100%;
opacity: 40%;
z-index: -2;
position: fixed;
width: 10000px;
height: 10000px;
background-image: url("images/stars.gif");
animation: scrolling1 30s infinite;
animation-timing-function: linear;
}

@keyframes scrolling1 {
0% {
background-position: 0px -216px;
}
100% {
background-position: 0px 0px;
}
}

.backg2 {
margin-left: -100%;
opacity: 20%;
z-index: -2;
position: fixed;
width: 10000px;
height: 10000px;
background-image: url("images/stars.gif");
animation: scrolling2 60s infinite;
animation-timing-function: linear;
}

@keyframes scrolling2 {
0% {
background-position: 50px -216px;
}
100% {
background-position: 50px 0px;
}
}

ul {
	margin:0px;
}