html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: #d4aa00;
}

#pissa {
	width: 20%;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	z-index: 2;
}

#pissasateet {
	background: url("img/rays.png") no-repeat;
	background-position: center;
	background-size: contain;
	width: 250%;
	height: 250%;
	position: relative;
	margin: auto;
	top: -75%;
	left: -75%;
 	animation: spin 20000ms linear infinite;
	-webkit-animation: spin 20000ms linear infinite;
	-moz-animation: spin 20000ms linear infinite;
	-ms-animation: spin 20000ms linear infinite;
}

@keyframes spin { from { transform: rotate(0) } to { transform: rotate(360deg) } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(360deg) } }
@-moz-keyframes spin    { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) } }
@-ms-keyframes spin     { from { -ms-transform: rotate(0) } to { -ms-transform: rotate(360deg) } }