add deploy script

deploy.sh

@@ -0,0 +1 @@
+rsync -a --exclude '*.DS_Store' --delete-excluded --chmod=Du+rwx ./site/ kline@augustkline.com:/var/www/augustkline.com/

site/style.css

@@ -45,6 +45,7 @@ body,
 html {
     block-size: 100%;
     inline-size: 100%;
+    overflow: hidden;
     margin: 0;
     padding: 0;
 }
@@ -79,9 +80,11 @@ a {
 
     outline: 2px transparent solid;
 
+    @media (hover:hover) {
         &:hover {
             text-shadow: 0px 0px 1px var(--color);
         }
+    }
 
     &:focus-visible {
         outline: 2px var(--color) solid;
@@ -143,11 +146,13 @@ main {
     }
 
     @media not (prefers-reduced-motion) {
+        @media (hover:hover) {
             &:hover {
                 transform: scale(1.025) rotate(0deg);
                 box-shadow: 0px 0px 30px rgba(152, 97, 42, 0.05);
             }
         }
+    }
 
     .signature {
         appearance: none;
@@ -170,6 +175,8 @@ main {
             }
 
 
+            @media (hover:hover) {
+
                 &:hover,
                 &:focus-visible {
                     transform: translateY(-2px) rotate(-2deg) scale(1.025);
@@ -179,6 +186,7 @@ main {
                     }
                 }
             }
+        }
 
         outline: 2px transparent solid;
 
@@ -274,25 +282,27 @@ main {
         filter: brightness(0.85);
     }
 
-    @media (prefers-reduced-motion) {
+    @media (prefers-reduced-motion),
+    (hover: none) {
         .clipped-items {
-            transform: rotate(9deg) translate(-5%, 10%);
+            transform: rotate(9deg) translateX(-5cqi, 0);
 
             .slip-george {
-                bottom: -15%;
+                bottom: 1cqb;
-                left: 40%;
+                left: 40cqi;
                 transform: translateX(-50%) rotate(-15deg);
             }
         }
 
         .paperclip {
             transform: rotate(4deg);
-            top: -25%;
+            top: -3cqb;
         }
     }
 
 
     @media not (prefers-reduced-motion) {
+        @media (hover:hover) {
             * {
                 transition: transform 0.4s ease, top 0.3s ease, bottom 0.3s ease, left 0.3s ease;
             }
@@ -308,6 +318,7 @@ main {
                 }
             }
 
+
             &:hover,
             &:focus-visible {
                 .clipped-items {
@@ -333,6 +344,7 @@ main {
             }
         }
     }
+}
 
 .authority {
     img {
@@ -350,12 +362,14 @@ main {
         block-size: 15cqb;
     }
 
+    @media (hover:hover) {
         &:hover {
             img {
                 transform: rotate(0deg) scale(1.05) !important;
             }
         }
     }
+}
 
 .taped {