M hugo-site/static/css/main.css → hugo-site/static/css/main.css

@@ -61,12 +61,34 @@ font-weight: 700;
     color: black;
 }
 
+.sub-head{
+    font-weight:700;
+    font-size: 48px;
+    position: absolute;
+    top: -35px;
+    left: -50px;
+    color: #242424;
+    text-shadow: 0 4px 7px rgba(0,0,0,0.2);
+}
+
+
 /* #intro{ */
 /*     margin: 0 auto; */
 /*     display:flex; */
 /*     flex-flow: column; */
 /*     margin-top: 6rem; */
 /* } */
+
+@keyframes btnup{
+    from {
+        transform: translate(0, 0);
+    }
+    to {
+        transform: translate(0, -2px);
+        box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
+        box-shadow: 0 10px 18px rgba(50, 50, 93, 0.25), 0 3px 6px rgba(0, 0, 0, 0.08);
+    }
+}
 
 #intro{
     margin-top: 6rem;
@@ -115,7 +137,7 @@ top: -40px;
     right: -130px;
     color: #414141;
     line-height: 1;
-    font-size: 64px;
+    font-size: 4rem;
     font-weight: 700;
     text-shadow: 0 4px 7px rgba(0,0,0,0.2);
 }
@@ -307,9 +329,9 @@ border-radius: 6px;
     box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
 }
 
-.btn:hover{
-    box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
+.btn:hover {
     transform: translateY(-1px);
+    box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
     box-shadow: 0 10px 18px rgba(50, 50, 93, 0.25), 0 3px 6px rgba(0, 0, 0, 0.08);
 }