update confetti and projects font size

nwplus · Nov 18, 2024 · 4f18ebf · 4f18ebf
1 parent 2115df2
commit 4f18ebf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/src/sections/Footer.jsx b/src/sections/Footer.jsx
@@ -156,8 +156,8 @@ const ConfettiContainer = styled.div`
   position: absolute;
   top: 0;
   left: 0;
-  width: 3840px;
-  height: 2160px;
+  width: 200vw;
+  height: 200vh;
 
   canvas {
     width: 100% !important;
@@ -179,7 +179,7 @@ const Footer = () => {
         <ConfettiContainer>
           <Confetti
             mode="fall"
-            shapeSize={40}
+            shapeSize={20}
             colors={['#E261BB', '#61B5E2', '#E26161', '#E28A61', '#ED9823', '#FDC699']}
           />
         </ConfettiContainer>

diff --git a/src/sections/Projects.jsx b/src/sections/Projects.jsx
@@ -72,40 +72,38 @@ const ProjectsBackground = styled.div`
 `;
 
 const Title = styled.p`
-  font-family: 'LT Museum';
   color: white;
-  font-size: calc(100vw * (40 / 1280));
+  font-size: calc(100vw * (56 / 1280));
   font-weight: 700;
   position: relative;
   top: 120px;
   text-align: center;
   z-index: 1;
 
   ${p => p.theme.mediaQueries.tablet} {
-    font-size: calc(100vw * (40 / 1280));
+    font-size: calc(100vw * (56 / 834));
   }
 
   ${p => p.theme.mediaQueries.mobile} {
-    font-size: calc(100vw * (140 / 1280));
+    font-size: calc(100vw * (56 / 487));
     top: 20px;
   }
 `;
 
 const Description = styled.p`
-  font-family: 'LT Museum';
   color: white;
-  font-size: 1.2em;
+  font-size: calc(100vw * (20 / 1280));
   position: relative;
   top: 140px;
   text-align: center;
   z-index: 1;
 
   ${p => p.theme.mediaQueries.tablet} {
-    font-size: calc(100vw * (40 / 1280));
+    font-size: calc(100vw * (20 / 834));
   }
 
   ${p => p.theme.mediaQueries.mobile} {
-    font-size: calc(100vw * (60 / 1280));
+    font-size: calc(100vw * (20 / 487));
     top: 30px;
   }
 `;