body{
	display: grid;
	grid-template-columns: auto 10% 50% auto;
	grid-template-rows: auto auto auto auto;
	grid-template-areas:
		". header header ."
		". nav nav ."
		". sidebar main ."
		". footer footer .";
	}

header{
	grid-area: header;
	text-align: center;
}

nav{
	grid-area: nav;
}

.sidebar{
	grid-area: sidebar;
}

main{
	grid-area: main;
}

footer{
	grid-area: footer;
}

.red{
	background-color: rgb(255, 117, 117);
}

.amber{
	background-color: rgb(255, 213, 77);
}

.green{
	background-color: rgba(51, 153, 51, 0.4);

}

.red, .amber, .green{
	width: 25px;
	height: 25px;
}



table, th, td{
	border: solid black 1px;
	border-collapse: collapse;
	pointer-events: none;
}

table{
	border-width: 2px;
	margin: 50px;
}

th{
	border-width: 2px;
}

.info{
	text-align: left;
}

.info *{
	padding: 7.5px;
}

.notes{
	width: 245px;
}

tr a{
	text-decoration: none;
	pointer-events: all;
}