From ff7db3ef6ccd6c2dfd6e06575f255008b9dfa09f Mon Sep 17 00:00:00 2001
From: treskey <tesslockey@icloud.com>
Date: Thu, 25 Apr 2024 09:49:47 -0700
Subject: [PATCH] media query mobile adjusted video

Co-authored-by: Allen Lee <6207als@gmail.com>
Co-authored-by: Rachele Lang <rachelelang7672@gmail.com>
Co-authored-by: Weston Ludeke <westonludeke@gmail.com>
---
 css/index.css | 47 +++++++++++++++++++++++------------------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/css/index.css b/css/index.css
index 3b70e6b..3b5b7bf 100644
--- a/css/index.css
+++ b/css/index.css
@@ -13,14 +13,6 @@
   font-family: "proxima-nova", sans-serif;
   /* font-family: "futura", sans-serif; */
   scroll-behavior: smooth;
-  /* --campfire-gradient: radial-gradient(
-    circle,
-    rgba(239, 190, 67, 1) 12%,
-    rgba(237, 152, 55, 1) 32%,
-    rgba(237, 107, 44, 1) 49%,
-    rgba(226, 85, 79, 1) 75%,
-    rgba(39, 47, 63, 1) 100%
-  ); */
 
   --campfire-gradient: linear-gradient(
     319deg,
@@ -43,10 +35,10 @@ header {
   z-index: 100;
   background-color: var(--dark-blue);
   transition: background-color 0.3s;
+}
 
-  img {
-    height: 52px;
-  }
+header img {
+  height: 52px;
 }
 
 .transparent-background {
@@ -61,12 +53,12 @@ header {
 nav {
   display: flex;
   gap: 10px;
+}
 
-  a {
-    color: white;
-    text-decoration: none;
-    font-weight: 700;
-  }
+nav a {
+  color: white;
+  text-decoration: none;
+  font-weight: 700;
 }
 
 #navigate-top-button {
@@ -85,7 +77,6 @@ nav {
   justify-content: center;
   align-items: center;
   z-index: 20;
-
   transition: visibility 0.3s, opacity 0.3s linear;
 }
 
@@ -121,13 +112,6 @@ nav {
   z-index: 20;
   padding-top: 120px;
 
-  #landing-title {
-    position: absolute;
-    transform: translateX(-30%);
-    flex-grow: 1;
-    z-index: 20;
-  }
-
   #landing-video {
     position: relative;
     transform: translate(50%, 10%);
@@ -195,6 +179,13 @@ nav {
   } */
 }
 
+#landing-title {
+  position: absolute;
+  transform: translateX(-30%);
+  flex-grow: 1;
+  z-index: 20;
+}
+
 #landing-wrap:before {
   content: " ";
   display: block;
@@ -649,6 +640,14 @@ footer {
     #landing-video {
       transform: none;
     }
+
+    #landing-video img {
+      width: 80vw;
+    }
+
+    #landing-video svg {
+      width: 30vw;
+    }
   }
 }