@font-face {
	 font-family: "C64 Pro Mono Local";
	 src: url("fonts/C64_Pro_Mono-STYLE.woff") format("woff");
}

html {
	color: #897BC9;
	background-color: rgb(81, 66, 152);
	border: 80px solid rgb(137, 123, 201);
	padding: 40px;
	margin: 0px;
	min-height: 100vh;
	height: 100vh;
	box-sizing: border-box;
}

.overlay {
	width: 100vw;
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
	z-index: 10000;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	background-image: url(img/scanlines.png);
	opacity: 0.1;
	pointer-events: none;
}

#window {
	height: 100%;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	::-webkit-scrollbar { display: none; }
}

.c64pm {
	font: normal 24pt/32px "C64 Pro Mono Local", verdana, helvetica, sans-serif;
	letter-spacing: 0px;
	padding: 0;
	margin: 0px;
}

.px8 {
	font-size: 6pt;
	line-height: 8px;
}
.px16 {
	font-size: 12pt;
	line-height: 20px;
}
.px24 {
	font-size: 18pt;
	line-height: 24px;
}
.px32 {
	font-size: 24pt;
	line-height: 32px;
}
.px40 {
	font-size: 30pt;
	line-height: 40px;
}

/* unvisited link */
a:link {
  color: #897BC9;
}

/* visited link */
a:visited {
  color: #897BC9;
}

/* mouse over link */
a:hover {
  color: #897BC9;
}

/* selected link */
a:active {
  color: #897BC9;
}

.blink {
	animation: blink 1.5s linear infinite;
}

@keyframes blink {
    from {
       visibility: hidden;
    }
    50% {
       visibility: hidden;
    }
    to {
        visibility: visible;
    }
}