..

src/layouts/Layout.astro

@@ -224,7 +224,7 @@ const { site, title, tagline } = Astro.props;
 
   .logo { transition:all .12s ease-out;}
   
-  .logo:hover{
+  .logo:hover {
     -webkit-animation-name: buzz;
     animation-name: buzz;
     -webkit-animation-duration: 0.32s;
@@ -233,12 +233,17 @@ const { site, title, tagline } = Astro.props;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 2;
     animation-iteration-count 2:;
-    transform: scale(1.2);
-  }
+    transform: scale(1.2); }
   
+  @media (max-width: 480px) {
+    main {margin: auto var(--spacing-06);}
+    .floating-nav { padding: var(--spacing-06) var(--spacing-06);}
+    .container { margin: var(--spacing-06);}
+  }
+
   @-webkit-keyframes buzz {
   	50% {
-  	    -ms-transform: translateX(3px) rotate(2deg);
+  	  -ms-transform: translateX(3px) rotate(2deg);
 	    -webkit-transform: translateX(3px) rotate(2deg);
 	    transform: translateX(3px) rotate(2deg);
   	}
@@ -249,23 +254,17 @@ const { site, title, tagline } = Astro.props;
   	}
     }
     @keyframes buzz {
-        50% {
-          -ms-transform: translateX(3px) rotate(2deg);
-          -webkit-transform: translateX(3px) rotate(2deg);
-          transform: translateX(3px) rotate(2deg);
-        }
-        100% {
+      50% {
+        -ms-transform: translateX(3px) rotate(2deg);
+        -webkit-transform: translateX(3px) rotate(2deg);
+        transform: translateX(3px) rotate(2deg);
+      }
+      100% {
           -ms-transform: translateX(-3px) rotate(-2deg);
           -webkit-transform: translateX(-3px) rotate(-2deg);
           transform: translateX(-3px) rotate(-2deg);
         }
-      };
-  
-  @media (max-width: 480px) {
-    main {margin: auto var(--spacing-06);}
-    .floating-nav { padding: var(--spacing-06) var(--spacing-06);}
-    .container { margin: var(--spacing-06);}
-  }
+      }
   
 <script>
   // Scrolls back to top on page refresh