😅👽 Checkpoint

./signup/index.html:69682263/126
./styles/main.css:69682263/360

signup/index.html

@@ -84,7 +84,9 @@
                 <a
                   href="https://airtable.com/app76cWa9xMbzWFn3/pag3eYElM2MGCn4g2/form"
                   >Open in browser</a
-                > or, if AirTable is inaccessible to you, 
+                > 
+                
+                or, if AirTable is inaccessible to you, <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">reach out to Lee directly</a>
               </p>
               <iframe
                 class="airtable-embed"

styles/main.css

@@ -4,9 +4,6 @@
   --color-text-main: #640054;
   --color-text-header: #185370;
   --color-warn: #FBCC0A;
-  --wrapper-height: 87vh;
-  --image-max-width: 300px;
-  --image-margin: 3rem;
   --font-family: "HK Grotesk";
   --font-family-header: "HK Grotesk";
 }
@@ -70,7 +67,7 @@
   padding: 0.05rem 1rem;
   width: 100%;
   border: solid var(--color-text-header);
-  border-radius: 2rem;
+  border-radius: 5px;
   margin-top: 1rem;
 }
 
@@ -89,22 +86,27 @@ a:visited {
   font-weight: bold;
   padding: 0 .2rem;
   text-decoration: none;
+  border-radius: 5px;
 }
 
 /* Images */
 img {
   width: 100%;
-  height: 100%;
 }
 
 /* Page structure */
 .wrapper {
-  min-height: var(--wrapper-height);
   display: grid;
   place-items: center;
   margin: 0 1rem;
 }
 
+@media (min-width: 600px) {
+  #main {
+    width: 60%;
+  }
+}
+
 /* Headings */
 h1, h2, h3 {
   color: var(--color-text-header);
@@ -123,6 +125,6 @@ h2 {
 }
 
 h3 {
-  font-size 1.5rem;
+  font-size: 1.4rem;
   margin: .5rem 0 0 0;
 }