body {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	background-color: #979ea5;
}

div.buttons {
	display: block;
	justify-content: center;
}

label {
	padding: 10px;
	border: 1px solid grey;
	margin-bottom: 10px;
	background: #a7a7a7;
}
input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
textarea:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

.addbtn {
	border: 1px solid grey;
	background-color: #a7a7a7;
	padding: 5px;
	margin: 3px;
	text-decoration: none;
	color: #000;
}
.darker {
	background-image: linear-gradient(#b1b1b1, #868686);
	width: 30px;
    height: 30px;
}
input, textarea {
	background-color: #979ea5;
	margin: 10px !important;
	border: 1px solid grey !important;

}

#app {text-align: center;}

.messages {
	color: green;
    padding: 5px;
    border: 1px solid green;
    margin-bottom: 10px;
}
.messages.error {
	color: #c72f2f;
	border: 1px solid #c72f2f;
}
.button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	/*text-transform: capitalize;*/
	width: 120px;
	height: 120px;
	margin: 20px;
	background-image: url(/ui/images/btn.png);
	background-position: center center;
	background-size: contain;
	text-decoration: none;
	color: #111;

}

p {
	margin: 0;
}

.button div {
	display: flex;
}

@media screen and (max-width:48em) {

	body {
		font-size:1em;
	}

}