CSS modules ➡️ Stitches 🧵 (#799)

components/Header/Header.module.css

@@ -1,43 +0,0 @@
-.header {
-  width: 100%;
-  height: 4.5em;
-  padding: 0.7em 1.5em;
-  border-bottom: 1px solid var(--kinda-light);
-  background-color: var(--background-header);
-
-  /* light-dark theme switch fading */
-  transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
-}
-
-.sticky {
-  position: sticky;
-  top: 0;
-  backdrop-filter: saturate(180%) blur(5px);
-  z-index: 1000;
-}
-
-.nav {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  max-width: 865px;
-  margin: 0 auto;
-}
-
-@media screen and (max-width: 768px) {
-  .header {
-    padding: 0.75em 1.25em;
-    height: 5.9em;
-  }
-
-  .menu {
-    max-width: 325px;
-  }
-}
-
-@media screen and (max-width: 380px) {
-  .menu {
-    max-width: 225px;
-  }
-}