Remove section classes

src/scss/critical.scss

@@ -85,7 +85,7 @@ i {
   }
 }
 
-.hero-section {
+.hero {
   height: 90vh;
   height: 90svh;
 
@@ -116,17 +116,17 @@ i {
   }
 }
 
-.projects-section {
-  ul {
+.project-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
   gap: 1rem;
-  }
+  
   li {
     border-radius: var(--border-radius);
     overflow: hidden;
   }
-  article {
+}
+.card {
   --background: url('https://placehold.co/200x150'); // Default background
   position: relative;
   height: 100%;
@@ -139,7 +139,6 @@ i {
   background: var(--background);
   background-repeat: no-repeat;
   background-size: cover;
-  }
   
   a {
     &:hover {
@@ -170,11 +169,7 @@ i {
   }
 }
 
-.about-section, 
-.competences-section, 
-.projects-section,
-.experiences-section,
-.download-section {
+section {
   padding-block: 2rem;
   margin-block: 3.5rem;
 }
@@ -293,19 +288,9 @@ i {
   }
 }
 
-.experiences-section {
-  p {
-    margin: 0;
-  }
-}
 
-.download-section {
-  text-align: center;
-  
-  > div {
+.download {
   gap: .8rem;
-  }
-
   p {
     font-size: 1.4rem;
   }