@font-face {
    font-family: PixelFont;
    src: url(fonts/pixel-font-7.ttf);
}

@font-face {
    font-family: CODE;
    src: url(fonts/CODE_Bold.otf);
}

body {
  background-image: url('images/Deadman.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  font-family: PixelFont;
}

.keys {
  font-family: CODE;
  letter-spacing: 1px;
}

h1 > .window {
  margin: 0;
  color: red;
}

.text {
  width: 90%;
  height: 45px;
  text-align: center;
  font-size: 17px;
}

.adminwindow {
  text-align: center;
  background-color: white;
  display: block;
  position: absolute;
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;
  overflow:auto;
  height: 50%;
  width: 40%;
  text-transform: uppercase;
  -moz-box-shadow: 0 0 20px #777777;
  -webkit-box-shadow: 0 0 20px #777777;
  box-shadow: 0 0 20px #777777;
}

.window {
  text-align: center;
  background-color: white;
  display: block;
  position: absolute;
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;
  overflow:auto;
  height: 400px;
  width: 446px;
  text-transform: uppercase;
  -moz-box-shadow: 0 0 20px #777777;
  -webkit-box-shadow: 0 0 20px #777777;
  box-shadow: 0 0 20px #777777;
}

.subtitle {
  margin: 0;
}

.buttonRed {
  text-align:center;
	font-weight:500;
	width:100%;
	border:1px solid #e74c3c;
	font-size:20px;
	padding:9px;
	color:#fff;
	background:#e74c3c;
	border-bottom:4px solid #c0392b;
  text-transform: uppercase;
}

.buttonRed:hover {
	background:#E04A3A;
}

.buttonGreen {
  text-align:center;
	font-weight:500;
	width:100%;
	border:1px solid #19D150;
	font-size:20px;
	padding:9px;
	color:#fff;
	background:#19D150;
	border-bottom:4px solid #13B042;
  text-transform: uppercase;
}

.buttonGreen:hover {
	background:#1ED655;
}

.buttonYellow {
  text-align:center;
	font-weight:500;
	width:100%;
  	border:1px solid #FFC107;
	font-size:20px;
	padding:9px;
	color:#fff;
	background:#FFC107;
	border-bottom:4px solid #FFA000;
	text-transform:uppercase;
}

.buttonYellow:hover {
	background:#F5BD16;
}