body > section#info div#grid {
	display: grid;
	width: 100%;
	gap: 10px;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-columns: 1fr;
	grid-template-rows: repeat(3, 1fr);
	grid-auto-rows: 1fr;
}

body > section#info div#grid div {
	height: 250px;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	font-size: 24pt;
	padding-top: 110px;
}

img.float-left {
	float: left;
}

body > section#info div#grid div a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #000;
}

body > section#info div#grid div.soon a {
	color: #0006;
	cursor: progress;
}

body > section#info div#grid div.row1 {
	grid-column-start: 1;
	grid-column-end: 4;
	height: 100px;
	line-height: 100px;
}

body > section#info-page {
	max-width: 900px;
}

body > section#info-page h2.center {
	text-align: center;
}

body > section#info-page p {
	padding: 5px;
}

body > section#info-page p.star::before {
	content: '';
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 2px 4px 0px;
	background-image: url("/static/resources/images/star.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

body > section#info-page.easter p {
	text-align: center;
}

body > section#info-page.easter img {
	margin: auto;
	max-width: 750px;
}

body > section#info-page.exams img {
	float: left;
}

body > section#info-page table {
	border-spacing: 0px;
	margin: 0 auto;
	width: 750px;
}

body > section#info-page table td {
	border: 1px solid #000;
	padding: 2px 15px;
	text-align: center;
}

body > section#info div#grid div.i1 {
	background: #ff3fe4ff;
}
body > section#info div#grid div.i1:hover {
	background: #ff3fe4cc;
}
body > section#info div#grid div.i1.soon {
	background: #ff3fe466;
}
body > section#info div#grid div.i1.soon:hover {
	background: #ff3fe433;
}

body > section#info div#grid div.i2 {
	background: #ffd215ff;
}
body > section#info div#grid div.i2:hover {
	background: #ffd215cc;
}
body > section#info div#grid div.i2.soon {
	background: #ffd21566;
}
body > section#info div#grid div.i2.soon:hover {
	background: #ffd21533;
}

body > section#info div#grid div.i3 {
	background: #5cd7a9ff;
}
body > section#info div#grid div.i3:hover {
	background: #5cd7a9cc;
}
body > section#info div#grid div.i3.soon {
	background: #5cd7a966;
}
body > section#info div#grid div.i3.soon:hover {
	background: #5cd7a933;
}

body > section#info div#grid div.i4 {
	background: #a7faffff;
}
body > section#info div#grid div.i4:hover {
	background: #a7faffcc;
}
body > section#info div#grid div.i4.soon {
	background: #a7faff66;
}
body > section#info div#grid div.i4.soon:hover {
	background: #a7faff33;
}

body > section#info div#grid div.i5 {
	background: #ff3fe4ff;
}
body > section#info div#grid div.i5:hover {
	background: #ff3fe4cc;
}
body > section#info div#grid div.i5.soon {
	background: #ff3fe466;
}
body > section#info div#grid div.i5.soon:hover {
	background: #ff3fe433;
}

body > section#info div#grid div.i6 {
	background: #ffd215ff;
}
body > section#info div#grid div.i6:hover {
	background: #ffd215cc;
}
body > section#info div#grid div.i6.soon {
	background: #ffd21566;
}
body > section#info div#grid div.i6.soon:hover {
	background: #ffd21533;
}

body > section#info div#grid div.i7 {
	background: #5cd7a9ff;
}
body > section#info div#grid div.i7:hover {
	background: #5cd7a9cc;
}
body > section#info div#grid div.i7.soon {
	background: #5cd7a966;
}
body > section#info div#grid div.i7.soon:hover {
	background: #5cd7a933;
}

body > section#info div#grid div.i8 {
	background: #a7faffff;
}
body > section#info div#grid div.i8:hover {
	background: #a7faffcc;
}
body > section#info div#grid div.i8.soon {
	background: #a7faff66;
}
body > section#info div#grid div.i8.soon:hover {
	background: #a7faff33;
}

body > section#info div#grid div.i9 {
	background: #ff3fe4ff;
}
body > section#info div#grid div.i9:hover {
	background: #ff3fe4cc;
}
body > section#info div#grid div.i9.soon {
	background: #ff3fe466;
}
body > section#info div#grid div.i9.soon:hover {
	background: #ff3fe433;
}