[setup] fonts, graphics, texts

.github/pull_request_template.md

@@ -1,2 +1,7 @@
 ### What's new?
 [//]: # "Describe what's new in a few lines or bullet points. Feel free to add screenshots!"
+
+
+
+#### Linear Task
+[//]: # "Link the Linear task that this PR finishes for sake of organization"

src/components/Hero.astro

@@ -1,13 +1,13 @@
 <div class="container">
   <main>
     <div>
-      <h3 class="gray">Cal Hacks x Blueprint</h3>
+      <h3>Cal Hacks x Blueprint</h3>
       <h1>Hack for Impact</h1>
       <div class="spacer"></div>
     </div>
     <div>
       <h2>February 25, 2024</h2>
-      <p class="gray">Pauley Ballroom @ University of California, Berkeley</p>
+      <p>Pauley Ballroom @ University of California, Berkeley</p>
       <p class="spacer">
         We are connecting a community of leaders, creators, and change makers to
         tackle social challenges.
@@ -23,7 +23,6 @@
 
 <style lang="scss">
   @use '../styles/breakpoints';
-  @use '../styles/colors';
 
   .container {
     display: flex;
@@ -45,10 +44,6 @@
     }
   }
 
-  .gray {
-    color: colors.$gray;
-  }
-
   div.spacer {
     height: 0.5rem;
 

src/components/Navbar/index.tsx

@@ -25,7 +25,6 @@ export default function NavBar({ links }: Props) {
         onClick={() => setMenuVisible(!menuVisible)}
       >
         <svg
-          className="w-full h-full"
           width="30"
           height="30"
           viewBox="0 0 30 30"

src/components/Navbar/style.module.scss

@@ -17,7 +17,7 @@
   height: 1.5rem;
   width: 1.5rem;
   border-radius: 99999px;
-  background: colors.$gray;
+  background: colors.$accent;
   z-index: 10;
 }
 
@@ -28,12 +28,18 @@
   flex-direction: column;
   justify-content: space-between;
   z-index: 10;
+  padding: 0;
 
   @media (min-width: breakpoints.$tablet) {
     visibility: hidden;
   }
 }
 
+.button > svg {
+  width: 100%;
+  height: 100%;
+}
+
 .backdrop {
   position: absolute;
   left: 0;
@@ -70,7 +76,6 @@
   align-items: flex-end;
 
   background: rgba(0, 0, 0, 0.3);
-  color: white;
   font-weight: 300;
 
   width: 100%;
@@ -82,3 +87,7 @@
     visibility: hidden;
   }
 }
+
+.mobileLinks > a {
+  color: white;
+}