body{
	background: black;
	color: white;
	padding: 20px;
	color-scheme: dark !important;
}

a{
	color: green;
}

h1{
	margin-top: 0px;
	color: green;
}

img{
	padding-top: 10px;
}

button{
	background: inherit;
	color: inherit;
	border-radius: 10px;
	border-width: thin;
	border-color: white;
	padding-block: 3px;
	border-style: solid;
}

button:hover{
	border-color: green;
	color: green;
}

.spinny{
	padding: 0;
}

@media (prefers-reduced-motion: no-preference) {

	.spinny:hover {
		animation: spinnn 1s infinite;
	}
	@keyframes spinnn {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	
	.cromcher:hover {
		animation: cromch 60s infinite
	}
	@keyframes cromch {
		0% { transform: rotateX(0deg); }
		50% { transform: rotateX(90deg); }
		100% { transform: rotateX(0deg); }
	}
}