media query mobile adjusted video

Co-authored-by: Allen Lee <[email protected]> Co-authored-by: Rachele Lang <[email protected]> Co-authored-by: Weston Ludeke <[email protected]>
campfire-previews · Apr 25, 2024 · ff7db3e · ff7db3e
1 parent 58c3d56
commit ff7db3e
Showing 1 changed file with 23 additions and 24 deletions.
diff --git 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;
+    }
   }
 }