Add animated gradient background
diff --git a/neon.css b/neon.css
index 7fc1b2c..4ebef97 100644
--- a/neon.css
+++ b/neon.css
@@ -59,15 +59,55 @@
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
+/*
body {
margin: 0;
font-family: Montserrat;
font-size: 0.85rem;
font-weight: 200;
line-height: 1.8;
- color: #efefef;
+ color: #111;
text-align: left;
- background-color: #111; }
+ background-color: #ffffff; }
+*/
+body {
+ margin: 0;
+ width: 100%;
+ height: 100vh;
+ font-family: Montserrat;
+ font-size: 0.85rem;
+ font-weight: 450;
+ line-height: 1.8;
+ color: #fff;
+ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+ background-size: 400% 400%;
+ -webkit-animation: gradientBG 15s ease infinite;
+ animation: gradientBG 15s ease infinite;
+}
+
+@-webkit-keyframes gradientBG {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 50% {
+ background-position: 100% 50%;
+ }
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+
+@keyframes gradientBG {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 50% {
+ background-position: 100% 50%;
+ }
+ 100% {
+ background-position: 0% 50%;
+ }
+}
[tabindex="-1"]:focus {
outline: 0 !important; }