Refactoring

pages/index.tsx

@@ -65,7 +65,7 @@ export default function Index() {
           </div>
         </section>
 
-        <span className='separator' />
+        <span className={styles.separator} />
 
         <section className={styles.sectionContainer}>
           <h1 className={styles.title}>Postin automaattipalvelu</h1>
@@ -82,7 +82,7 @@ export default function Index() {
           </a>
         </section>
 
-        <span className='separator' />
+        <span className={styles.separator} />
       </div>
     </div>
   );

styles/Index.module.scss

@@ -1,3 +1,11 @@
+.separator {
+  background-color: #c1c1c1;
+  width: 100%;
+  height: 0.05rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
 .outerContainer {
   display: flex;
   align-items: center;

styles/globals.scss

@@ -20,11 +20,3 @@ body {
     background: white;
   }
 }
-
-.separator {
-  background-color: #c1c1c1;
-  width: 100%;
-  height: 0.05rem;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}