gsap scroll events

src/components/styles/About.styled.ts

@@ -5,7 +5,6 @@ export const StyledAbout = styled.section`
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 3em;
-    margin-top: 100px;
 
     img {
       border-radius: 1em;

src/components/styles/Global.styled.ts

@@ -16,9 +16,7 @@ export const GlobalStyles = createGlobalStyle`
       scroll-behavior: smooth;
    }
 
-   * {
-      box-sizing: border-box;
-   }
+
 
    body {
       margin: 0;
@@ -62,44 +60,14 @@ export const GlobalStyles = createGlobalStyle`
    }
 
    a {
-      color: white;
-      text-decoration: none;
-
-      transition: all 0.25s;
-
       &:hover {
-         color: ${({ theme }) => theme.colors.accent};
+      color: ${({ theme }) => theme.colors.accent};
       }
    }
 
-   img, svg {
-      vertical-align: middle;
-   }
-
-
    button {
       font-family: ${({ theme }) => theme.fonts.primary};
       border: none;
    }
 
-   ul {
-      list-style: none;
-      margin: 0;
-      padding: 0;
-   }
-
-   p {
-      padding: 0;
-      margin: 0;
-   }
-
-   @keyframes typing {
-      to { left: 100% }
-   }
-
-   @keyframes blinking {
-      0% { opacity: 0 }
-      50% { opacity: 1 }
-      100% { opacity: 0 }
-   }
 `;