:root {
	--font-main: Arvo, Cambria, sans-serif;
}

html {
	background-color: #332233;
	color: #eee;
}
body {
	margin: 0;
	padding: 2rem 0 0 0;	
	font-family: var(--font-main);
	font-size: 20px;
	/* background-color: red; */
}
h1 {
	margin: 0 0 1rem 0;
	font-family: var(--font-main);
}

main {
	text-align: center;
}

#idasig {
	border-radius: 100%;
	/* background-color: #44aaff11; */
	/* border: 14px solid #00000022; */
	margin: auto;
	width: 400px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}
img#idaimg {
	max-width: 320px;
	margin: 2rem 1rem;
	opacity: 0.8;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}