main.indexMain{
	width: 80vw;
	margin-top: 10vh;
	margin-left: 10vw;
	text-align: center;
}

button.eraseButton{
	position: absolute;
	right: 3vw;
	width: 8vw;
	background-color: orange;
}

ul.reportList{
	list-style-type: none;
	display: grid;
	grid-template-areas: 
		"year month date . ."
		"category category money client client";
	gap: 15px 0px;
}

ul.reportList li.year{
	grid-area: year;
}

ul.reportList li.month{
	grid-area: month;
}

ul.reportList li.date{
	grid-area: date;
}

ul.reportList li.category{
	grid-area: category;
}

ul.reportList li.money{
	grid-area: money;
}

ul.reportList li.client{
	grid-area: client;
}

button.addButton{
	width: 90vw;
	height: 40px;
	font-size: 30px;
	margin-left: 5vw;
}

button.addButton:hover{
	cursor: pointer;
	background-color: beige;
}

button.addButton:active{
	background-color: azure;
}

button.submitButton{
	width: 150px;
	max-width: 20%;
	height: 50px;
	margin-top: 50px;
	position: absolute;
	right: 0;
}

button.submitButton:hover{
	cursor: pointer;
	background-color: beige;
}

button.submitButton:active{
	background-color: azure;
}

span.red{
	color: red;
}

section.mofu{
	margin: 10px;
	width: 70%;
	border: double;
}

section.mofu>h2{
	text-align: center;
}

img.mofuImg{
	max-width: 100%;
}