body {
	margin: 0;
	padding: 0;
}
body, textarea, input {
	font-size: 1em;
	font-family: Helvetica, sans-serif;
}
input[type="text"], input[type="date"], input[type="number"], input[type="password"], select, textarea {
	border: 1px solid #7d7d7d;
	box-sizing: border-box;
}
input, select {
	width: 495px;
}
input, select, textarea, button, .button {
	margin: 12px auto;
	padding: 10px 10px;
	display: inline-block;
}
label {
	margin-top: 8px;
	display: inline-block;
	width: 200px;
	font-weight: bold;
}

#_wrapper {
	display: flex;
	flex-direction: column;
	height: 100vh;
}


#_header {
	display: flex;
	justify-content: space-between;
	background: #fff;
	box-shadow: 0px 0px 2rem rgba(62, 56, 30, 0.3);
	z-index: 1000;
}
#_header>div {
	display: flex;
}
.nav-item {
	cursor: pointer;
	color: #444;
	box-sizing: border-box;
	text-align: center;
	padding: 2rem;
	transition-property: color;
}
.nav-item[selected] {
	color: #000;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #666;
}
.nav-item:hover {
	color: #000;
}


button, .button, input[type=submit] {
	color: #ffffff;
	cursor: pointer;
	border-style: solid; 
	border-radius: 2px;
	border-width: 2px;
	box-shadow: 0px 0px 7px 1px #5e636f50;
	box-sizing: border-box;
	height: 42px;
	text-align: center;
	font-weight: bold;
}

.red {
	background-image: linear-gradient(0, #A82020 50%, #BA5354 50%, #B24040 100%);
	border-color: #A82020;
}
.green {
	background-image: linear-gradient(0, #46B23A 50%, #71C265 50%, #61BC55 100%);
	border-color: #46B23A;
}
.blue {
	background-image: linear-gradient(0, #58A1FF 50%, #7FB4FA 50%, #76AFFC 100%);
	border-color: #58A1FF;
}
.yellow {
	background-image: linear-gradient(0, #E0A81D 50%, #E4BB52 50%, #E2B33D 100%);
	border-color: #E0A81D;
}
.grey {
	background-image: linear-gradient(0, #7e7e7e 50%, #9a9a9a 50%, #909090 100%);
	border-color: #7e7e7e;
}

#_info>p {
	margin: 0.2rem;
}
#_info button {
	width: 120px;
	margin: 0.2rem;
}