html, body {
	background-color: #373737;
}

#index {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#index .computer {
	width: 400px;
	width: calc(400px * var(--scaling));
    border: 4px solid #1a1a1a;
    position: relative;
}

#index .computer img {
	width: 100%;
	display: block;
}

#index .computer .powerButton {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	min-width: 20%;
}

#index .computer .powerButton img {
	height: 100%;
	width: auto;
	display: none;
}

#index .computer .powerButton:active img {
	display: block;
	margin: 0 0 0 auto;
}

#index .computer .led_on,
#index .computer .led_busy {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	display: none;
}


#index .center-xy {
	font-size: 20px;
	color: #aeaeae;
}

#index .center-xy input {
	font-family: inherit;
	font-size: 20px;
	background-color: inherit;
	border: 2px solid black;
	padding: 5px;
	text-align: center;
	color: inherit;
}




#index .copyright {
	display: block;
	position: absolute;
	bottom: 20px;
	color: #aeaeae;
	text-decoration: none;
	left: 50%;
    transform: translateX(-50%);
}







#bootWindows {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: black;
	color: white;
}

#bootWindows img {
	position: absolute;
	min-height: 100%;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
}