@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/orbitron/v25/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
img {
	max-width: 100%;
	max-height: 100%;
}
body {
	font-family: arial;
	margin: 0;
	background-color: #333;
}
.glitch {
	color: white; text-decoration: none;
}
.glitch:hover {
	color: gray;
}
.social {
	padding: 5px;
	font-size: 30px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	float: right;
}
.footer {
	width: 100%;
	background-color: #000000;
	color: white;
}
.button {
	border-left: 2px solid black;
	border-right: 2px solid black;
	color: black;
	flex:100%;
	padding:2px;
	text-decoration:none;
	margin-right:0.3%;
}
.button:hover {
	background-color:rgba(100,100,100,0.3);
}
.nobutton {
	border-left: 2px solid black;
	border-right: 2px solid black;
	color: black;
	flex:100%;
	padding:2px;
	text-decoration:none;
	margin-right:0.3%;
	background-color:rgba(100,100,100,0.75);
	pointer-events: none;
}
.cpu{
	transform: scale(0.8);
	margin: 0;
	flex: 100%;
	transition: transform 0.25s;
}
.cpu img{
	border-radius:12px;
}
.cpul{
	transform: scale(0.4);
	margin: 0;
	margin-top: -10%;
	flex: 100%;
}
.cpu:hover{
	transform: scale(0.9);
	transition: transform 0.25s;
}
.arrow{
	pointer-events: all;
	color: green;
	text-decoration: none;
	display: none;
	font-family: Lucida Console;
	font-weight: bold;
	font-size: 30px;
	margin: -40px 0 0 0;
}
input[type=radio] {display: none;}