From e87eda624d843c9ef53a82c6ace1c64fcc926828 Mon Sep 17 00:00:00 2001
From: ahuglajbclajep <ahuglajbclajep@gmail.com>
Date: Tue, 5 May 2020 18:36:05 +0900
Subject: [PATCH] github-corner style move to corner.css

---
 css/corner.css | 39 +++++++++++++++++++++++++++++++++++++++
 css/styles.css | 42 ++----------------------------------------
 2 files changed, 41 insertions(+), 40 deletions(-)
 create mode 100644 css/corner.css

diff --git a/css/corner.css b/css/corner.css
new file mode 100644
index 0000000..2a2eaa4
--- /dev/null
+++ b/css/corner.css
@@ -0,0 +1,39 @@
+.github-corner:hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    20% {
+        transform: rotate(-25deg);
+    }
+
+    40% {
+        transform: rotate(10deg);
+    }
+
+    60% {
+        transform: rotate(-25deg);
+    }
+
+    80% {
+        transform: rotate(10deg);
+    }
+
+    100% {
+        transform: rotate(0deg);
+    }
+}
+
+@media (max-width: 500px) {
+    .github-corner:hover .octo-arm {
+        animation: none;
+    }
+
+    .github-corner .octo-arm {
+        animation: octocat-wave 560ms ease-in-out;
+    }
+}
diff --git a/css/styles.css b/css/styles.css
index 5672502..ab3cf63 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3,6 +3,8 @@
  * Author: Tim Holman
  */
 
+@import "corner.css";
+
 * {
     box-sizing: border-box;
 }
@@ -72,46 +74,6 @@ p {
     font-size: 10px;
 }
 
-.github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave {
-    0% {
-        transform: rotate(0deg);
-    }
-
-    20% {
-        transform: rotate(-25deg);
-    }
-
-    40% {
-        transform: rotate(10deg);
-    }
-
-    60% {
-        transform: rotate(-25deg);
-    }
-
-    80% {
-        transform: rotate(10deg);
-    }
-
-    100% {
-        transform: rotate(0deg);
-    }
-}
-
-@media (max-width: 500px) {
-    .github-corner:hover .octo-arm {
-        animation: none;
-    }
-
-    .github-corner .octo-arm {
-        animation: octocat-wave 560ms ease-in-out;
-    }
-}
-
 /**
  * Footer
  */