@media (prefers-color-scheme: light) {
	body {
		background-color: #FFF8E7;
	}
	#text {
		border: #13242B 1px solid;
		background-color: #9BC1D2;
		color: #000000;
	}
	.dark {
		background-color: #EEE;
	}
	.light {
		background-color: #c0c0c0;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #000;
		color: #EEE;
	}
	#text {
		border: #FFF 1px solid;
		background-color: #282923;
		color: #000000;
	}
	a {
		text-decoration: none;
		color: pink;
	}
	a:hover{
		border-bottom: 1px solid #ffddee;
		color: cyan;
	}
	.light, input {
		background-color: #3d3d3d;
		color: #EEE;
	}
	.dark {
		background-color: #5D5D5D;
		color: #EEE;
	}

}

#text {
	padding: 12px;
	font-size: 14px;
	border-radius: 10px;
}



#container {
	width: 350px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8%;
	font-family: verdana,arial,helvetica;
}
#header {
	font-size: 14px;
	font-weight: bold;
}