/* the original body
body {
    background-color: lightblue;
}
*/

/* pasted from codepen */
body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* END pasted from codepen */

h1 {
    color: navy;
    margin-left: 20px;
}
#graphs {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#graphs td, #graphs th {
    border: 1px solid #ddd;
    padding: 8px;
  }
#graphs tr:nth-child(even) {
    background-color: #499784;
}
#graphs tr:nth-child(odd) {
    background-color: #04AA6D;
}
#graphs th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
}
#sresp {
    font-size: small;
}