:root {
	--fg-col: #FFFFFF;
	/*--main-col: #d2738a;*/
	--main-col: #2d8c75;
	--bg-col: #000000;
}

@font-face {
    font-family: 'pxplus_ibm_vga9regular';
    src: url('/styles/pxplus_ibm_vga9-webfont.woff2') format('woff2'),
         url('/styles/pxplus_ibm_vga9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	color: var(--fg-col);
	font-family: 'pxplus_ibm_vga9regular', monospace;
}

h1 {
	font-size: 1.8em;
	text-align: center;
	border-bottom: 1px solid var(--main-col);
}

h2, h3 {
	color: var(--fg-col);
	font-style: italic;
	font-weight: 500;
	text-shadow: 0 0 5px var(--main-col);
	clear: both;
	margin-top: 50px;
}

h2 {
	font-size: 1.6em;
	margin-left: 5%;
	margin-right: 5%;
}

h3 {
	font-size: 1.3em;
	margin-left: 10%;
	margin-right: 10%;
}

@keyframes wiredlink {
	50% {
		color: var(--fg-col);
		text-shadow: var(--main-col) 1px 4px 5px;
	}
}

a {
	text-decoration: none;
}

a:hover {
	animation: wiredlink 1s ease-in-out infinite;
}

a:link {
	color: var(--main-col);
}

a:visited {
	color: var(--main-col);
}

a:hover {
	color: var(--main-col);
}

.fakeLink {
	color: var(--main-col);
	text-decoration: none;
}

@keyframes wiredarrow {
	50% {
		filter: grayscale(1) brightness(2) blur(1px);
	}
}

.arrow:hover {
	animation: wiredarrow 1s ease-in-out infinite;
}

mark {
  background-color:var(--main-col);
  color: black;
}

kbd {
   font-feature-settings:normal;
   color: rgba(0, 0, 0, 0.9);
   background:var(--main-col);
   margin:2px 2px;
   font-family: 'pxplus_ibm_vga9regular';
    src: url('/styles/pxplus_ibm_vga9-webfont.woff2') format('woff2'),
         url('/styles/pxplus_ibm_vga9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}