feat(sreez): Add subscribe button that sends a notification to discord

sreez/style/main.scss

@@ -177,6 +177,11 @@ ol {
   margin-bottom: 8rem;
 }
 
+.margin-y-3 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
 .margin-y-4 {
   margin-top: 4rem;
   margin-bottom: 4rem;
@@ -236,6 +241,13 @@ ol {
   margin: 3rem;
 }
 
+.margin-right-1 {
+  margin-right: 1rem;
+}
+
+.margin-right-3 {
+  margin-right: 3rem;
+}
 
 .max-width-300 {
   max-width: 300px;
@@ -454,14 +466,25 @@ ol.huge-list-markers li{
   font-weight: 700;
   font-size: inherit;
   cursor: pointer;
-    background-color: #e72235;
-    color: white;
+  background-color: #e72235;
+  color: white;
   &:hover {
-    // background-color: #eee;
-    // color: black;
-    box-shadow: 5px 5px 27px 10px rgba(231,34,53,0.21);
-    //background-color: #66d500;
-    //background-color: white;
+    box-shadow: 5px 5px 17px 5px rgba(231,34,53,0.21);
+  }
+}
+
+.input {
+  border: solid 2px #eee;
+  padding: 1rem 1.5rem;
+  border-radius: 0.75rem;
+  font-weight: 400;
+  font-size: inherit;
+  cursor: pointer;
+  background-color: white;
+  color: black;
+  &:focus {
+    box-shadow: 5px 5px 17px -5px rgba(0,0,0,0.21);
+    outline: none;
   }
 }
 
@@ -496,6 +519,11 @@ ol.huge-list-markers li{
   }
 }
 
+.form-message {
+  display: none;
+  // TODO handle dynamic class
+}
+
 
 @media screen and (min-width: 960px) {
   .lg-margin-x-auto {