@charset "utf-8";
/* CSS Document */

html,body {

    height:100%;
    
}

body {

    background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(45,0,0,1) 80%,rgba(99,0,0,1) 100%);
	background-size: 200% 200%;
	animation: gradient 15s ease infinite;
    color:#fff;
    border-top:7px solid #910000;

}

body {
	
	height: 100vh;
    box-sizing:border-box;
}

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


h1 {

    font-weight:bold;

}

@media only screen and (max-width: 600px) {	

	body {

		background: linear-gradient(-45deg, rgba(45,0,0,1) 0%,rgba(45,0,0,1) 20%,rgba(10,0,0,1) 40%, rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%);
		background-size: 150% 150%;
		animation: gradient2 10s ease infinite;
		color:#fff;
		border-top:7px solid #910000;
		height: 100vh;
		box-sizing:border-box;

	}

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

}