html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto; /* Allow scrolling */
	background: linear-gradient(135deg, 
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),    /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(0, 51, 153, .8),    /* Navy Blue */
		rgba(0, 102, 204, .8),   /* Medium Blue */
		rgba(51, 153, 255, .8),  /* Bright Blue */
		rgba(0, 102, 204, .8)    /* Medium Blue */
	);
    background-size: 300% 300%; /* Ensure the background is large enough for the effect */
    animation: rainbow-colors 100s linear infinite alternate; /* Continual, slower movement */
    position: relative; /* To keep the background fixed */
}

@keyframes rainbow-colors {
	0% { background-position: 85% 85%; }
	50% { background-position: 10% 10%; }
	100% { background-position: 85% 85%; }
}