The background color here isn't static, but it cycles through several different colors. And it's all accomplished with CSS, no JavaScript in sight!
+
\ No newline at end of file
diff --git a/Animated Background Color/screenshot.PNG b/Animated Background Color/screenshot.PNG
new file mode 100644
index 0000000..b233289
Binary files /dev/null and b/Animated Background Color/screenshot.PNG differ
diff --git a/Animated Background Color/style.css b/Animated Background Color/style.css
new file mode 100644
index 0000000..ab6421b
--- /dev/null
+++ b/Animated Background Color/style.css
@@ -0,0 +1,37 @@
+@charset "utf-8";
+/* CSS Document */
+body{
+ background-color: #010A26;
+ animation-name: colors;
+ animation-duration: 15s;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: infinite;
+}
+
+@keyframes colors {
+ 0% {background-color:#010A26;}
+ 25% {background-color:#03318C;}
+ 50% {background-color:#023059;}
+ 100% {background-color:#1763A6;}
+}
+
+section {
+ width: 95%;
+ margin-right: auto;
+ margin-left: auto;
+ background-color: #DCEEF2;
+ text-align: center;
+ font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
+}
+
+h1 {
+ font-size:50pt;
+}
+
+p {
+ font-size:25pt;
+}
+
+a {
+ color: black;
+}