fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! restyle

static/style/main.scss

@@ -23,8 +23,13 @@ $red: #f38ba8;
 $green: #a6e3a1;
 $peach: #fab387;
 $blue: #89b4fa;
+$mauve: #8839ef;
 
 
+html {
+  height: 100%;
+}
+
 body {
   display: flex;
   flex-direction: column;
@@ -52,19 +57,24 @@ a {
   text-decoration: underline;
   text-decoration-color: $blue;
   text-underline-offset: 1px;
-  transition: text-underline-offset 0.3s ease;
+  transition: 0.3s ease;
 
   &:hover {
     text-underline-offset: 3px;
   }
 
   &:active {
+    transition: none !important;
     display: inline-block;
-    transform: scale(.98);
+    transform: scale(.98) !important;
   }
 
   &.block {
     text-decoration: none;
+
+    &:hover {
+      transform: scale(1.02) translateY(-.25rem);
+    }
   }
 }
 
@@ -84,10 +94,7 @@ footer {
   background-color: $crust;
   margin-top: 32px;
   padding: 16px;
-
-  div {
-    margin-right: 32px;
-  }
+  column-gap: 4ch;
 }
 
 .mono {
@@ -104,12 +111,6 @@ footer {
   }
 }
 
-.services-block {
-  display: flex;
-  flex-direction: column;
-  width: fit-content;
-}
-
 .block {
   display: block;
   background-color: $surface0;
@@ -136,17 +137,15 @@ footer {
     font-size: x-large;
 
     .icon {
-      margin-right: 8px;
-      width: 48px;
-      border-radius: 8px;
+      margin-right: .5ch;
     }
   }
 }
 
 .icon {
   width: 1.5em;
-  height: 1.5em;
   vertical-align: middle;
+  border-radius: .2em;
 }
 
 @font-face {