html, body {
background:#000000;
color:#cccccc;
margin:0;
padding:0;
white-space: nowrap;
}

html {
overflow:-moz-scrollbars-vertical;
overflow-y:scroll;
}

input,textarea { 
background-color: #000; 
color:#FFF; 
border:1px solid #CCC;
font-family: 'Inconsolata',monospace;
padding:5px;
width:90%;
}

.pulsate {
    -webkit-animation: pulsate 8s cubic-bezier(0, 0.01, 1, 1);
    -webkit-animation-iteration-count: infinite; 
}
@-webkit-keyframes pulsate {
    0% { 
        
		color: #00BCD4;
    }
    25% { 
        
		color: red;
    }
    50% { 
        
		color: #FF9800;
    }
    75% { 
        
		color: yellow;
    }
    100% { 
        
		color: #00BCD4;
    }
}

pre {font-family: 'Inconsolata',monospace;}

.yellow {
color:#ffff00;
}

.container
{
background: #222222;
 
}


div {
/*font-size:14px;*/
}

@media(max-width: 1580px) {
div {
font-size:15px;
}
}

@media(max-width: 980px) {
div{
font-size:21px;
}
}
@media(max-width: 600px) {
div{
font-size:11px;
}
} 
@media(max-width: 300px) {
div{
font-size:8px;
}
} 

.BlackWhite {
color:#000000;
background-color:#ffffff;
}

.wit {
color: #FFFFFF;
}

geel {
color: #FFFF00;
}
.geel {
color: #FFFF00;
}
.rood {
color :#ff0000;
}
.paars {
color :#9900cc;
}
.blauw {
color :#0000ff;
}

.groen {
color :#00ff00;
}

.zwart {
color :#000000;
}

.cyaan {
color :#00fdff;
}

.cmd {
color :#00fdff;
}
 
a.normaal:link {
color:#cccccc;
text-decoration:none;
}
a.normaal:active {
color: #FFFF00;
}
a.normaal:visited {
color:#cccccc;
text-decoration:none;
}

a.normaal:hover {
color:#00ff00;
text-decoration:none;
}


a.yellow {}
a.yellow:link {
color:#FFFF00;
text-decoration:none;
}


::-webkit-input-placeholder {
color: #888;
}

:-moz-placeholder {
color:#888;
opacity:1;
}

::-moz-placeholder {
color:#888;
opacity:1;
}

:-ms-input-placeholder { 
color:#888;
}


.outer{
display: block;
max-width:800px;
min-width:0px;
margin-left:auto;
margin-right:auto;
background: black;

}

.inner{
width:50%;
}