update CSS

_sass/_elements.scss

@@ -40,6 +40,7 @@ a:hover {
 .button {
   background-color: var(--accent2);
   padding: 1em;
+  margin-bottom: 20px;
   display: inline-block;
   border-radius: var(--border-radius);
   text-align: center;
@@ -54,7 +55,11 @@ a:hover {
   -moz-transition: all var(--anim-speed) ease-in-out;
   -ms-transition: all var(--anim-speed) ease-in-out;
   transition: all var(--anim-speed) ease-in-out;
-
+  background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
+  background-size: 400% 400%;
+  -webkit-animation: backgroundBlink 2s ease infinite;
+  -moz-animation: backgroundBlink 2s ease infinite;
+  animation: backgroundBlink 2s ease infinite;
 
   
 }
@@ -188,24 +193,31 @@ a:hover {
     padding-top: 40px;
     max-width: var(--max-width);
     margin: auto;
-    img {
-      margin-left: auto;
-      margin-right: auto;
-      width: 100%;
-      max-width: 600px;
-      height: auto;
-      display: block;
-    }
-    h6 {
-      font-size: 0.8em;
-      text-align: center;
-    }
-    blockquote {
-      font-size: 1.5em;
-      border-left: 3px solid var(--fg);
-      padding-left: 40px;
+    .container {
+      img {
+        margin-left: auto;
+        margin-right: auto;
+        width: 100%;
+        max-width: 600px;
+        height: auto;
+        display: block;
+      }
+      h6 {
+        font-size: 0.8em;
+        text-align: center;
+      }
+      blockquote {
+        font-weight: 700;
+        border-left: 3px dotted var(--fg);
+        padding-left: 40px;
+      }
+      ul {
+        list-style-type:circle;
+        padding-left:40px;
+      }
     }
   }
+
   p {
     margin: 20px 0;
   }
@@ -289,7 +301,7 @@ a:hover {
     background-position: center center;
     flex: 1 1 380px;
     min-height: 50vh;
-    
+
     padding: 20px;
     box-sizing: border-box;
     text-align: left;