page style updates

Author: Adam Argyle

app/css/index.css

@@ -21,7 +21,6 @@ body {
   min-block-size: 100vh;
   display: flex;
   justify-content: space-between;
-  gap: 2ch;
 
   & > section {
     background: var(--brand);
@@ -32,12 +31,11 @@ body {
     overflow: hidden;
 
     display: grid;
-    align-content: center;
+    place-content: center;
   }
 
   @media (max-width: 720px) {
     flex-direction: column;
-    gap: 0;
   }
 }
 
@@ -78,7 +76,7 @@ nav {
     }
 
     & > select {
-      font-size: 1.5rem;
+      font-size: 1.25rem;
       border: none;
       background: var(--white);
     }

app/index.html

@@ -10,6 +10,7 @@
     <meta name="description" content="just add water clip-path mask transitions">
 
     <link rel="stylesheet" href="bundle.css">
+    <link rel="stylesheet" href="../transition.min.css">
     <!-- <link rel="stylesheet" href="//unpkg.com/transition-style"> -->
     <script src="bundle.js" type="module" defer></script>
   </head>
@@ -24,10 +25,6 @@ <h1>
         </h1>
         <small>Just-add-water CSS clip-path transitions</small>
       </header>
-
-      <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-        <path d="M36.8,-49C50.7,-40.5,67.2,-33.8,73.5,-22C79.9,-10.3,76.2,6.7,69.7,21.3C63.1,36,53.6,48.4,41.6,59.1C29.5,69.8,14.7,78.7,2.1,75.8C-10.6,72.9,-21.1,58.3,-30.4,46.7C-39.7,35.1,-47.8,26.6,-54.8,15.4C-61.8,4.1,-67.7,-9.9,-65.3,-22.5C-63,-35.1,-52.4,-46.4,-40.2,-55.5C-27.9,-64.5,-14,-71.4,-1.3,-69.7C11.4,-67.9,22.8,-57.5,36.8,-49Z" transform="translate(100 100)" />
-      </svg>
     </section>
 
     <nav>