Delete unused styles

styles/hero.css

@@ -1,38 +0,0 @@
-.hero {
-    align-items: center;
-    display: flex;
-    height: 100vh;
-    justify-content: center;
-    font-family: "Work Sans", sans-serif;
-}
-
-.hero__text-area__container {
-    text-align: center;
-}
-
-.hero__text-area__heading {
-    font-size: 4rem;
-    margin: 1rem;
-}
-
-
-.hero__text-area__subheading {
-    font-size: 2rem;
-}
-
-@media (min-width: 800px) {
-    .hero__text-area__heading {
-        font-size: 10rem;
-    }
-
-    .hero__text-area__subheading {
-        font-size: 3rem;
-    }
-}
-
-.hero__scroll-arrow {
-    font-size: 6rem;
-    font-weight: lighter;
-    position: absolute;
-    bottom: 1rem;
-}

styles/index.css

@@ -2,8 +2,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
 
 /* Components */
-@import url("./hero.css");
-@import url("./introduction.css");
 @import url("./welcome.css");
 @import url("./services.css");
 

styles/introduction.css

@@ -1,15 +0,0 @@
-.introduction {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    text-align: center;
-    margin-bottom: 10rem;
-}
-
-.introduction__container__heading {
-    font-size: 2.5rem;
-}
-
-.introduction__container__subheading {
-    font-size: 1.5rem;
-}