From 83fd23c792a39a75ea882aed98c3ebe9d157915b Mon Sep 17 00:00:00 2001
From: s1n <bis@s1n.pw>
Date: Tue, 6 Aug 2019 20:08:20 -0700
Subject: Update formatting, add GH corner

---
 css/main.css | 54 +++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 45 insertions(+), 9 deletions(-)

(limited to 'css/main.css')

diff --git a/css/main.css b/css/main.css
index 9be9641..ffadd6b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,19 +1,55 @@
+/* Main Site CSS */
 body {
     background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/782173/codepen-bg-light1.png")
-  }
-  .bobAnimate-container {
+}
+
+.bobAnimate-container {
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     width: 375px;
-  }
-  .inline {
+}
+
+.inline {
     display: inline-block;
-  }
-  #bobAnimate {
+}
+
+#bobAnimate {
     margin-left: 5px;
     transition-timing-function: ease-in-out;
     transition: margin-left 2s;
-  }
-  
\ No newline at end of file
+}
+
+/* Github Corner */
+.github-corner:hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out
+}
+
+@keyframes octocat-wave {
+
+    0%,
+    100% {
+        transform: rotate(0)
+    }
+
+    20%,
+    60% {
+        transform: rotate(-25deg)
+    }
+
+    40%,
+    80% {
+        transform: rotate(10deg)
+    }
+}
+
+@media (max-width:500px) {
+    .github-corner:hover .octo-arm {
+        animation: none
+    }
+
+    .github-corner .octo-arm {
+        animation: octocat-wave 560ms ease-in-out
+    }
+}
-- 
cgit v1.2.3