@font-face {
    font-family: 'Digital';
    src: url('../fonts/digital-7 (mono).ttf');
}

body {
	text-align: center;
}

header {
	font-family: 'Orbitron', sans-serif;
	text-align: center;
	background-color: #cce;
	padding: 10px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.2em;
}

p {
	margin: 0px;
	padding: 10px 0px;
}

#num , #acum {
	background-color: #000;
	color: #0f0;
	font-family: 'Digital', 'Orbitron', Courier, sans-serif;
	font-size: 2em;
	text-align: right;
}

span {
	max-width: 200px;
}

#res {
	font-family: 'Digital', 'Orbitron', sans-serif;
	background-color: #000;
	color: #0f0;
	font-size: 2em;
}

#cont-num {
	background-color: #cce;
}

#uno {
	background-color: #f99;
}

#doso {
	background-color: #99f;
}

#eneo {
	background-color: #9f9;
}

button {
	height: 3em;
	width: 3em;
	font-size: 1em;
	vertical-align: bottom;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance:textfield;
}

.panel-footer {
	text-align: left;
}