@font-face {
  font-family: DoubleDragon;
  src: url(/fonts/double-dragon-II-the-revenge.ttf);
}      
 
@font-face {
  font-family: ZXSpectrum;
  src: url(/fonts/zx_spectrum-7.ttf);
}
@font-face {
  font-family: ZXSpectrumBold;
  src: url(/fonts/zx_spectrum-7_bold.ttf);
}
body {
  background: #000000;
  font-family: DoubleDragon;
  font-size: 1em;
  color: #FFFFFF;
}       

#navbar{
	font-size: 1em;
}
#title{
	font-size: 2em;
}
.green{
	color:#48F635;
}
.pink{
  	color: #F535A9;
}
.darkpink{
  	color: #9F1167;
}
.small{
	font-size: 0.5em;
}

a{
	transition: all 0.2s ease-in;
	text-decoration: none;
}

#title a{
	/* pink */
	color: #F535A9;
}
#title a:hover{
	background-color:#48F635;
}
#navbar a{
	/* pink */
	color: #F535A9;
}
#navbar a:hover{
	background-color:#48F635;
}
#navbar a:active{
	text-decoration: underline;
}

.debug1{
	border-style:dashed;
	border-width:5px;
	border-color:red;
}
.debug2{
	border-style:dashed;
	border-width:5px;
	border-color:green;
}
.debug3{
	border-style:dashed;
	border-width:5px;
	border-color:blue;
}