diff --git a/src/scss/critical.scss b/src/scss/critical.scss
index 7884cb6..83cd726 100644
--- a/src/scss/critical.scss
+++ b/src/scss/critical.scss
@@ -8,6 +8,7 @@
 @use './components/skip-link';
 @use './components/icons';
 @use './components/header';
+@use './components/footer';
 
 *,
 *:before,
@@ -83,43 +84,6 @@ main {
     padding: 0;
   }
 }
-footer {
-  background-color: rgb(var(--brand-secondary-medium));
-  justify-items: center;
-  margin-block-start: 1.5rem;
-
-  > div {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    align-content: center;
-    align-items: center;
-  }
-  
-  .list-inline {
-    a {
-      text-decoration: underline;
-      --item-color: var(--text-2);
-    }
-  }
-
-  .socials-list {
-    margin: 0;
-    --item-gap: .2ch;
-    --item-separator: '';
-  }
-}
-
-i {
-  vertical-align: text-top;
-  fill: var(--fill-color, rgb(var(--brand-primary-low)));
-  display: inline-block;
-
-  svg {
-    aspect-ratio: 1;
-    font-size: 1.2rem;
-  }
-}
 
 .hero {
   height: 90vh;
@@ -209,40 +173,6 @@ section {
   padding-block: 2rem;
   margin-block: 3.5rem;
 }
-.about {
-  display: flex;
-  gap: 2rem;
-  align-items: center;
-
-  & > div:first-child {
-    inline-size: 30%;
-  }
-  & > div:last-child {
-    inline-size: 60%;
-  }
-  img {
-    margin: 1rem auto;
-    inline-size: 100%;
-    inline-size: clamp(200px, 100%, 400px);
-    aspect-ratio: 1;
-    border-radius: 100%;
-    border: 4px solid rgb(var(--brand-primary-medium))
-  }
-  
-
-  @media screen and (max-width: 767px) {
-    flex-direction: column;
-
-    & > div:first-child, & > div:last-child {
-      inline-size: 100%;
-    }
-
-    img {
-      inline-size: clamp(200px, 50vw, 300px);
-      margin: 0 auto;
-    }
-  }
-}
 
 .socials-list {
   margin-block-start: 1rem;