body {
    max-width: 900px;
    margin: auto;
}
#header {
    text-align: center;
}
.icon {
	width: 20px;
}
input, textarea, button {
	border: none;
	border-radius: 5px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
	body {
		background-color: #333333;
		color: #ffffff;
	}
	a {
		color: #546BEB;
	}
	a:visited {
		color: #EF46F1;
	}
	input, textarea, button {
		background-color: #1E1E1E;
		color: #ffffff;
	}
	hr {
		color: white;
	}
	.comment:nth-child(even) {
		background: #1E1E1E;
	}

}

@media (prefers-color-scheme: light) {
	input, textarea, button {
		background-color: #DEDEDE;
		color: #000000;
	}
	hr {
		color: black;
	}
	.comment:nth-child(even) {
		background: #EEEEEE;
	}
}