*{
	margin:0;
	padding:0;
}

body{
	overflow: hidden;
	background-color:black;
}

header{
	display:none;
}

main{
	margin:auto;
	margin-top:1.4vh;
	width:97vw;
	height:97vh;
	border:.1vw solid;
	border-color:#3019ff;
}

section{
	margin: auto;
	margin-top:.1vh;
	width:99.5%;
	height:3.02%;

}

	.box-1{
		background: linear-gradient(90deg, #3019ff, white, #9b90fc);
		background-size: 400% 400%;
		animation: gradient 5s infinite;

	}

	.box-2{
		background: linear-gradient(270deg, #4733ff, white, #6453fc);
		background-size: 400% 400%;
		animation: gradient 5s infinite;
	}

	.box-3{
		background: linear-gradient(172deg, #6453fc, white, #4733ff);
		background-size: 400% 400%;
		animation: gradient 2s infinite;
	}

	.box-4{
				background: linear-gradient(270deg, #9b90fc, white, #3019ff);
		background-size: 400% 400%;
		animation: gradient 7s infinite;
	}

@keyframes gradient{
    0%		{background-position:0% 50%;}
    50%		{background-position:50% 100%;}
    100%	{background-position:0% 50%;}
}