body {
    /* Background colour is matched to the image for cleaner loading */
    background-color: #1e52aa;
    background-image: url("images/space.dmi.png.gif.gif");
	background-size: 120px;
	image-rendering: pixelated;
	background-attachment: fixed;
    /* margin: 60px; */
	font-family: HP;
}

img {
	display: block;
	margin: auto;
    /* Ensured images don't go oversize */
    max-width: 80%;
}

#wrapper {
    /* This bit styles the content area and gives it a blur */
	/*
    background-color: #626df1;
    box-shadow: 0px 0px 40px 40px #626df1; */
    padding: 20px;
    /* This bit makes it centred on big screens */

	background-color: lightcyan;
	color: black;

	overflow: scroll;
}

h1 {
	text-align: center;
}

code {
	display: inline-block;
	background-color: gray;
	border: 1px black solid;
	padding: .5em;
	margin: 0.5em 0.25em;
	font-family: monospace;
}

article {
	border: 4px inset;
	margin: 5px;
	padding: 10px;
	background-color: gainsboro;
}


#cpu {
	position: fixed;
	width: 95vw;
	height: 200vh;
	top: -15vh;
}
#cpu>img {
	max-width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
}
#wrapper {
	position: absolute;
	width: 45%;
	height: 33%;
	top: 20%;
	left: 26%;
	z-index: -1;
}

#backlink {
	background-color: white;
	padding: 5px;

	position: fixed;
	left: 35vw;
	top: 10vh;
	font-size: 2em;
	z-index: 10;
}

@font-face {
	font-family: "HP";
	src: url("/assets/font/oldschool_pc/ttf - Px (pixel outline)/PxPlus_HP_100LX_6x8.ttf") format("truetype");
}