@charset "utf-8";

* {margin:0;padding:0;}
body {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
#navedelic {
	width: 95vw;
	height: 100vh;
	background-image: repeating-linear-gradient(to bottom right, #60deff, #60a5ff, #d860ff,#ff6060, #ffa560, #ffeb60, #cdff60, #60deff 50%);
	background-size: 1000% 1000%;
    animation: colorRotation 240s linear 0s infinite;
	mask-image: url(../img/nave.svg);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-image: url(../img/nave.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
}
@keyframes colorRotation {
  from {background-position: 0 0;}
  to {background-position: 500% 500%;}
}

@media screen and (max-width: 768px) {
	body,#navedelic {
		height: 100dvh;
	}
}