body {
  	margin-bottom: 40px; 
  	font-family: 'Roboto', sans-serif;
}

html {
  	position: relative;
  	min-height: 100%;  
}

h2 {
	font-weight: bold;
}

h1 {
	font-size: 2.0em;
}

.bg-dark {
	background-color: #6f9fd1 !important;
}

.killer-link {
	color: #999;
}

.killer-link:hover {
	color: #000;
}

.footer {
  	position: fixed;
  	bottom: 0;
  	width: 100%;
  	height: 40px; 
  	line-height: 40px; 
  	background-color: #6f9fd1;
  	color: #eee;
  	text-align: right;
  	font-size: 0.8em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}

/* Firefox */
input[type=number] {
  	-moz-appearance: textfield;
}

.killer-input {
	height: 100px;
	width: 100px;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}

.disp-results {
	font-size: 2.2em;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #e0e2eb;
}

.hilite {
	color: red;
}

.btn-hilite {
	color: #ff0000;
}

.card {
	border-radius: 0px;
}

.card-header {
	border-radius: 0px !important;
}

.nav-link {
	color: #aaa;
}

.nav-link:hover {
	color: #fff;
}

.modal-header {
	background-color: #343a40;
	color: #fff;
	border-radius: 0px;
}

.modal-dialog {
	border-radius: 0px;
}

.modal-footer {
	border-radius: 0px;
}

.modal-content {
	border-radius: 0px;
}

[v-cloak] {
  display: none;
}