* {
	margin: 0;
	padding: 0;
}
body {
	width: 80vw;
	height: 100vh;
	margin: auto;
}
header {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 3fr 1fr;
	justify-content: center;
	row-gap: 5px;
	grid-template-areas: "logo""menuwrapper";
	border-bottom: 1px solid black;
}
.logo {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 5px;
}
.menuwrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 5px;
}
.menutab {
	display: block;
	margin-right: 20px;
	width: 20%;
	font-size: larger;
}
.menutab:hover {
	background-color: rgb(148, 148, 187);
	border: 1px solid rgb(32, 15, 128);
	color: white;
}
.menutab:active {
	background-color: rgb(148, 148, 187);
	border: 1px solid rgb(32, 15, 128);
	color: white;
}
/*----------------------------------------*/
.lotterywrapper {
	width: 100%;
}
.lotterytable {
	margin-top: 10px;
	width: 100%;
}
/*----------------------------------------*/
.jc-row {
	display: flex;
	flex-direction: row;
	background-color: rgb(250, 249, 246);
}
.jc-col {
	display: flex;
	flex-direction: column;
	background-color: rgb(250, 249, 246);
}

table {
	margin-right: 10px;
}
td {
	text-align: center;
	border-radius: 3px;
	padding: 2px;
	font-weight: bolder;
}
th {
	text-align: center;
}
.tabledata {
	table-layout: fixed;
	width: 60px;
	background-color: green;
	color: white;
	border-radius: 4px;
}
.tabledataheader {
	text-align: center;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: yellow;
	color: black;
}
.tabledatalabel {
	text-align: center;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: yellow;
	color: black;
	width: 80px;
}
.rowtotal {
	text-align: center;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: red;
	color: white;
	width: 80px;
}
.rowsubtotal {
	text-align: center;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: blue;
	color: white;
}

td > output {
	color: black;
}
td > input {
	font-weight: bolder;
	text-align: center;
	padding: 5px;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: green;
	color: white;
}
.submitbutton {
	text-align: center;
	border: 1px solid blue;
	border-radius: 4px;
	background-color: green;
	color: white;
	width: 80px;
}
.submitbutton:hover {
	background-color: rgb(42, 187, 42);
	width: 80px;
}