body {
	background-color: black;
}


a:link {
	color: black;
	text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:hover {
    color: blue;
    text-decoration: none;
	cursor:url("/images/ui/cursor-hover.png"), auto;}

p {
	font-family: "Perfect DOS";
	color: white;
	font-size: 20px;
	padding: 1x;
	line-height: 1.3;
}

h3 {
	font-family: "Perfect DOS";
	color: #0000AA;
	font-size: 25px;
	padding: 1x;
	margin-left: 9px;
	margin-right: 9px;
	text-decoration: none;
	background-color: darkgrey;
}

.title1 {
	margin-left: 10px;
	margin-right: 15px;
}

.title2 {
	margin-top: -5px; 
	margin-bottom: 5px;
	font-size: 23px;
	text-decoration: underline;
}

#spacer {
	margin-top: px;
}

#web-space {
	width: 1000px;
	height: 700px;
	margin: auto;
}

#top {
	margin-left: 10px;
	margin-bottom: -35px;
	margin-right: 850px;
	
}

#screen {
	width: 975px;
	height: 600px;
	background-color: #0000AA;
	position: absolute;
	margin-left: 15px;
	margin-right: auto;
	margin-top: 20px;
	z-index: 1;
	border-radius: 10px;
	overflow: auto
}

.lists {
	font-family: "Perfect DOS";
	color: ghostwhite;
	font-size: 20px;
	padding: 1x;
}

#info {
	width: 290px;
	height: 180px;
	margin-left: auto;
	margin-right: 435px;
	margin-top: 40px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow: hidden;
}

#pic {
	image-rendering: crisp-edges;
}

#interests {
	width: 250px;
	height: 260px;
	padding-left: 15px;
	margin-left: 635px;
	margin-right: auto;
	margin-top: 20px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow-y: auto
}

#favs {
	width: 250px;
	height: 260px;
	padding-left: 15px;
	margin-left: 345px;
	margin-right: auto;
	margin-top: -265px;
	margin-bottom: 20px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow-y: auto;
}

#bio {
	width: 600px;
	height: 250px;
	padding-left: 15px;
	margin-left: 285px;
	margin-right: auto;
	margin-top: 20px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow-y: auto
}

#badges {
	width: 215px;
	height: 100px;
	margin-left: 50px;
	margin-right: auto;
	margin-top: -255px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow-y: auto
}

#blinkies {
	width: 215px;
	height: 130px;
	padding-left: 0px;
	margin-left: 50px;
	margin-right: auto;
	margin-top: 13px;
	border-width: 1px;
	border: solid;
	border-color: darkgrey;
	overflow-y: hidden;
}

#back {
	position: relative;
	width: 270px;
	margin-top: -4em;
	margin-left: auto;
	margin-right: auto;
}
 
.lines {
position: absolute;
left: 0;
top: 0;
width: 1200px;
height: 600px;
margin-left: 2px;
margin-top: 65px;
pointer-events: none;
z-index: 2;
opacity: 0.13;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}
@media only screen and (max-width: 600px);
{
}