body { margin: 0;padding: 0;text-align: center; background-color:#000000;}
a:hover { color: green!important}
h1 { font-family: 'Inconsolata', 'sans-serif'; font-size: 200%; color:
lime}
h2 { font-family: 'Press Start 2P', 'sans-serif'; font-size: 550%;
color: lime; animation:geekt 75s infinite;
-webkit-animation:geekt 75s infinite; }
.other { font-family: 'Press Start 2P', 'sans-serif';}
h3 { font-family: 'Inconsolata', 'sans-serif'; font-size: 130%;
color: lime; letter-spacing: 10px }
p { font-family: 'Inconsolata', 'sans-serif'; font-size: 120%; color: lime;}
.main { margin:40px auto;}
.names { position: absolute; width: 70%; text-align: center; z-index: 10}
.content {width: 70%; height: auto; margin:auto;}
.line {width: 100%; height: auto; margin:auto; border-bottom:thin dashed grey}
.title {width: 100%; height: auto; background-color:rgba(0,0,0, 0.2);
margin:auto; border-top:thin dashed
grey; -webkit-transition:color 2s;
-moz-transition:color 2s;
-o-transition:color 2s;
transition:color 2s}
.title:hover {color:rgba(0,20,0, 0.6)}
.quote {width: 90%; height: 160px; background-color:rgba(0,0,0, 0.5);
margin:auto; border-bottom:thick groove grey; border-top:thick groove
grey;}
.quote:hover {letter-spacing:5px}
.big {font-size: 110%}
.bold {font-weight: bold}
pre {
animation:geek 25s infinite;
-webkit-animation:geek 25s infinite; /* Safari and Chrome */
}
.blink {
animation:geekb 2s infinite;
-webkit-animation:geekb 2s infinite; /* Safari and Chrome */
}

.hover-yellow:hover {
color: yellow!important;
}

.iframe-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.iframe-container iframe, .iframe-container object, .iframe-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@keyframes geek
{
0%   {color:yellow;}
33%  {color:magenta;}
66%  {color:lime;}
}

@-webkit-keyframes geek
{
0%   {color:yellow;}
33%  {color:magenta;}
66%  {color:lime;}
}

@keyframes geekt
{
0%   {color:lime;}
33%  {color:yellow;}
66%  {color:magenta;}
}

@-webkit-keyframes geekt
{
0%   {color:lime;}
33%  {color:yellow;}
66%  {color:magenta;}
}

@keyframes geekb
{
0%   {opacity:1;}
50%  {opacity:0;}
}

@-webkit-keyframes geekb
{
0%   {opacity:0;}
49% {opacity:0;}
50%  {opacity:1;}
99% {opacity:1}
}

@media all and (max-device-width: 414px) {
/*h2 {
	font-size:200%!important;
	color:white!important;
}*/
}