@font-face {
  font-family: VCR;
  src: url(fonts/VCR_OSD_MONO_1.001.ttf);
}

body{
	background-image: url("eyebg gif v2.gif");
	width: 1000px;
	margin:auto;
	font-family:VCR;
	color:white;
	font-size:18px;
	padding:14px;
}
.title{
	font-size:12px;
	font-family: monospace;
	font-weight: bold;
	text-align: center;
	background-color: black;
	border-radius: 15px;
	border: 2px dashed white;
	margin:20px;

}
article{
	border: 4px double white;
	padding:20px;
	margin:5px;
	background-color:rgba(0,0,0, 0.5);
	width:;
}

.linkbox{
	border: 4px double magenta;
	background-color:rgba(83, 14, 101, 0.7);
	padding:10px;
	margin:10px;
	a:link{color: magenta;}
	a:visited{color:magenta;}
	a:hover{color: darkmagenta;}
}
.linkbox_wip{
	border: 4px double darkorange;
	background-color:rgba(139, 64, 0, 0.7);
	padding:10px;
	margin:10px;
	a:link{color: orange;}
	a:visited{color:orange;}
	a:hover{color: darkorange;}
}

.flex{
	display:flex;
}
.buttonzone{
	text-align: center;
}

/* ---- MUSIC PLAYER ---- */
.musicplayer{
	display: ;
}
.controls{
	display: ;
}
.seeking{
	display: flex;
}
.musicbuttons{
	margin: auto;
	display: flex;
  justify-content: space-between;
}
.volume{
	margin: auto;
	display: flex;
  justify-content: center;
}
/*----------------*/

button{
	font-family: VCR;
	font-size: 16px;
	padding:16px;
	margin:16px;
	width:250px;
}