:root {
    --background-color: #333;
    --text-color: #999;
	--color-0: #5EBD3E;
	--color-1: #FFB900;
	--color-2: #F78200;
	--color-3: #E23838;
	--color-4: #973999;
	--color-5: #009CDF;
	--color-6: #333;
}
html,body,p{
	margin: 0px;
	padding: 0px;
}
html{
	background-color: var(--background-color);
    color: var(--text-color);
	overflow: hidden;
}
header,
footer{
	text-align: center;
	padding: 5px;;
}
header,
footer,
main{
	background-color: #000;
	width: 100%;
	margin: 0px;
}
body{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
main textarea{
	border-radius: 0px;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	width: 100%;
	padding: 5px;
}

button.active{
	background-color: var(--color-0);
	color: #000;
}