html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: white;
	overflow: hidden;
}

*{
	font-family: 'Press Start 2P', cursive;
}
::selection {
  background: #2EE53B; /* WebKit/Blink Browsers */
}

.mac{
	display: block;
	width: 800px;
	height: 1056px;
	margin: 0 auto;

	image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
	  image-rendering: -moz-crisp-edges;          /* Firefox                        */
	  image-rendering: -o-crisp-edges;            /* Opera                          */
	  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	  image-rendering: pixelated; /* Chrome */
	  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
	  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */


	background: url(assets/macclassic.png);
	background-size: cover;
	
}

.screen{
	position: relative;
	top: 160px;
	left: 112px;

	padding: 20px;
	background: #0000A0;
	color: #24FF0B;
	height: 344px;
	width: 536px;
	margin-top: 20px;
}

.screen h1{
	font-size: 10px;
}
.screen ul{
	line-height: 2;
}
.screen ul li a{
	color: white;
	font-size: 10px;
}
.screen ul li{
	font-size: 10px;
}
.screen ul li a:hover {
	color: #ccc;
}

span.goback a{
	text-decoration: none;
	font-size: 12px;
	color: #ccc;
	margin-left: 10px;
}
span.goback a:hover{
	color: #666;
}

@media screen and (max-width: 810px){
	.mac{
		width: 600px;
		height: 792px;
	}
	.screen{
		position: relative;
		top: 120px;
		left: 84px;

		height: 248px;
		width: 393px;
	}
	.screen h1, .screen ul li,.screen ul li a{
		font-size: 9px;
	}
}

@media screen and (max-width: 600px){
	span.goback a{
		font-size: 14px;
		text-decoration: underline;
	}
	body{
		background: white;
	}
	.mac{
		width: 100%;
		height: 100%;
		
	}
	.screen{
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: white;
		color: #e23030;
	}
	.screen h1, .screen ul li,.screen ul li a{
		font-size: 20px;
	}
	.screen h1{
		display: none;
	}
	.screen ul li a{
		color: black;
	}
	.screen ul li{
		margin-bottom: 20px;
	}
}