From 0cb75f762af270e7a771b21702ee227f12593de9 Mon Sep 17 00:00:00 2001
From: Sh Raj <shaswatraj3@gmail.com>
Date: Sun, 24 Mar 2024 05:50:40 +0000
Subject: [PATCH] github corners css

---
 src/app/globals.css | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 9d75149..5acb1ce 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -153,7 +153,12 @@ blockquote {
 .postheadimage {
   border-radius: 10px;
 }
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: bolder;
 }
 
@@ -167,6 +172,31 @@ h1,h2,h3,h4,h5,h6 {
   margin: 80px;
   margin-left: 20px;
 }
+.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;
+  }
+}
 
 footer {
   background: #fff;
@@ -619,7 +649,6 @@ code {
   font-size: medium;
 }
 
-
 .animated-border {
   display: inline-block;
   font-size: 24px;
@@ -629,7 +658,7 @@ code {
 }
 
 .animated-border::before {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   left: 0;