@font-face {  
  font-family: c64 ;  
  src: url( c64.eot ); /* IE */  
  src: local("Commodore 64 Pixelized"), url( c64.ttf ) format("truetype"); /* non-IE */  
}  

body {
font-family:c64;
font-size:10px;
color:#00ff00;
overflow:hidden;
background-image: linear-gradient(bottom, rgb(0,0,0) 75%, rgb(0,100,0) 96%, rgb(12,102,12) 15%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 75%, rgb(0,100,0) 96%, rgb(12,102,12) 15%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 75%, rgb(0,100,0) 96%, rgb(12,102,12) 15%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 75%, rgb(0,100,0) 96%, rgb(12,102,12) 15%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 75%, rgb(0,100,0) 96%, rgb(12,102,12) 15%);
}

#bg2 {
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
}

#bg {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
}
#gamelist {
display:none;
text-align:center;
position:absolute;
padding:20px;
z-index:8;
box-shadow: 0px 0px 6px #000;
}

iframe {
background:transparent;
border:0px;
width:640px;
height:640px;
}
a {
color:#c0ff80;
}

h1 {
color:#c0ff80;
text-shadow: #cf8 0px 0px 8px;
}

h2 {
color:#c0ff80;
text-shadow: #cf8 0px 0px 8px;
}

b {
color:#c0ff80;
text-shadow: #cf8 0px 0px 4px;
font-weight:normal;
}

strong {
color:#c0ff80;
text-shadow: #cf8 0px 0px 4px;
font-weight:normal;
}

s {
text-decoration:none;
}

.close
{
position:absolute;
padding: 8px;
display:block;
top:0px;
right:0px;
color:red;
}

.close:hover
{
text-shadow: #f00 0px 0px 8px;
}

#submittheme {
display:none;
text-align:center;
position:absolute;
width:400px;
height:160px;
z-index:8;
box-shadow: 0px 0px 6px #000;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-80px;
}


#message
{
pointer-events:none;
text-align:center;
position:absolute;
font-size:60px;
width:600px;
height:100px;
color:#ff0;
z-index:8;
display:block;
text-shadow: #000 4px 4px 0px,#000 -4px 4px 0px,#000 4px -4px 0px,#000 -4px -4px 0px;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-50px;
}

#submitgame {
display:none;
text-align:center;
position:absolute;
width:600px;
height:480px;
z-index:8;
box-shadow: 0px 0px 6px #000;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-240px;
}

#gdpr {
display:none;
text-align:center;
position:absolute;
width:600px;
height:480px;
z-index:8;
box-shadow: 0px 0px 6px #000;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-240px;
font-size:24px;
padding: 20px;
}

input,textarea {
font-size:20px;
border: #cf8 solid 2px;
font-family: c64 ; 
color: #0f0;
background: #040;
border-radius: 4px;
margin: 8px;
padding:4px;
resize:none;
overflow:hidden;
}

input:hover,textarea:hover
{
box-shadow: 0px 0px 16px #0f0,0px 0px 16px #0f0 inset;
}

#about {
padding: 4px;
position:absolute;
width: 500px;
height: 500px;
box-shadow: 0px 0px 6px #000;
z-index:8;
display:none;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-250px;
}

#about8 {
padding-top: 20px;
text-align:center;
position:absolute;
width: 900px;
height: 510px;
box-shadow: 0px 0px 6px #000;
z-index:8;
display:none;
left:50%;
top:20%;
margin-left:-450px;
}
#hash {
	position:fixed;
	bottom:0;
	left:0;
	display:block;
	width:33%;

	height:8%;
	z-index:10;
}

.opaque  
{  
    opacity:0.75;  
    background-color:#000000;  
    width:100%;  
    height:100%;  
    position:absolute;  
    top:0px;  
    left:0px;  
    z-index:-1;  
}  

#everything {
margin:0;
padding:0;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border:2px solid #e0ffc0;
box-shadow: 0 0 32px #0f0 inset;
}

#tweeties
{
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
}

.username {
float:left;
display:block;
width:280px;
height:12px;
padding:0;
margin:0;
color:#000;
background:#0f0;
text-align:center;
}


.username a {
color:#000;
text-decoration:none;
}

.username b {
color:#000;
text-decoration:none;
font-weight:normal;
}
.stream-item-header {
position:relative;
float:left;
width:360px;
height:80px;
margin:6px;
padding:0px;
border:2px solid #e0ffc0;
box-shadow: 0 0 64px #0f0;
}

.avatar {
float:left;
height:80px;
width:80px;
}

.fullname {
display:none;
}

.time {
display:none;
}
.tweet-text {
position:absolute;
top:0px;
left:0px;
width:280px;
height:70px;
margin:0px;
padding:0px;
border:0px solid #e0ffc0;
margin-left:80px;
margin-top:10px;
}

.tweetinside{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
margin:0px;
padding:0px;
background: #0f0;
border:2px solid #e0ffc0;
}
.tweetinshadow {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
box-shadow: 0 0 0px #0f0 inset;
z-index:-1;
}

.invisible {
display:none;
}
.tco-ellipsis {
display:none;
}

.FullNameGroup {
 display:none;
}
.twitter-hashflag {
 display:none;
}

.seeks
{
width: 100%;
height:64px;
font-size:16px;
margin-left:auto;
margin-right:auto;
position:absolute;
padding:0;
}

.seek
{
text-decoration:none;
display:block;
text-align:center;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
padding-right: 20px;
float:left;
color:#0f0;
text-shadow: 0px 0px 16px #0f0;
border-radius: 0px 0px 8px 8px;
}

.seek2
{
text-decoration:none;
display:block;
text-align:center;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
padding-right: 20px;
float:left;
color:#0f0;
text-shadow: 0px 0px 16px #0f0;
border-radius: 0px 0px 8px 8px;
}

.seek3
{
text-decoration:none;
display:block;
text-align:center;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
padding-right: 20px;
float:left;
color:#F00;
text-shadow: 0px 0px 16px #F00;
border-radius: 0px 0px 8px 8px;
}

.seek:hover {
color:#e0ffc0;
background:#0f0;
box-shadow: 0 0 32px #0f0;
text-shadow: 0px 0px 16px #e0ffc0;
}

.seek2:hover {
color:#e0ffc0;
background:#0f0;
box-shadow: 0 0 32px #0f0;
text-shadow: 0px 0px 16px #e0ffc0;
}

.foot
{
position:absolute;
bottom:0px;
right:0px;
padding:15px;
text-shadow: 0px 0px 16px #0f0;
}

#slow
{
display:block;
position:absolute;
bottom:0px;
left:0px;
padding:15px;
text-shadow: 0px 0px 16px #0f0;
}

.text {
padding:0;
margin:0;
}


button {
display:none;
}