body {
	text-align: center;

	color: #E6E6E6;
	background-color: #111111;
}

ol {
	padding-left: 1rem;
}

q {
	margin: 2rem;
	font-style: italic;
}

table, td, th {
	padding: 0.5em;
	border: 1px solid;
}

table {
	justify-content: center;
	border-collapse: collapse;
}

#buttons {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	padding: 4rem;

	div {
		color: #E6E6E6;
		padding: 0.5rem;
		margin: 1rem;

		width: min-content;
		min-width: 12rem;

		border-radius: 8px;
		background-color: #222222;
	}

	div:hover {
		cursor: pointer;
		background-color: #444444;
	}
}

#introduction {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	div {
		max-width: 50rem;
		padding: 1rem;
		margin: 0.5rem;
		border-radius: 8px;
		text-align: left;
		background-color: #000000;

		h2 {
			text-align: center;
		}
	}
}

address {
	padding: 2rem;
}

.DailyImg {
	max-width: 90%<;
	max-height: 32rem;
}

.CurrentDay {
	border-style: solid;
	border-width: 2px;
	border-color: #FFFF00;
}

.Countdown {
	color: #FFFFCC !important;
	pointer-events: none;
}

.NotNow {
	color: #555555 !important;
	pointer-events: none;
}