Set up home style and Splide carousel

assets/css/base/_base.scss

@@ -0,0 +1,80 @@
+@use '../abstracts' as *;
+
+// --------------------------------------------------
+// BASE STYLE
+// --------------------------------------------------
+
+// Fonts and colors
+
+body {
+    font-family: var(--text-font-family);
+    font-size: var(--text-font-size);
+    line-height: var(--text-line-height);
+    color: var(--black);
+}
+
+strong {
+    font-weight: var(--bold-font-weight);
+}
+
+em {
+    font-style: italic;
+}
+
+// Link style
+
+a {
+    color: var(--black);
+    text-decoration: none;
+    transition: text-decoration 200ms ease-in-out;
+
+    &:hover,
+    &:focus,
+    &:active {
+        text-decoration: underline;
+    }
+
+    &:focus-visible {
+        outline: 1px dashed var(--black);
+        outline-offset: 2px;
+    }
+}
+
+// General layout
+
+body {
+    min-height: 100vh !important;
+
+    header {
+        position: fixed;
+        top: 0;
+
+        .header__logo {
+            width: 5rem;
+        }
+    }
+
+    main {}
+
+    footer {
+        position: fixed;
+        bottom: 0;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        gap: 0.8rem;
+
+        .footer__link {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: var(--icon-size);
+            height: var(--icon-size);
+
+            svg {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}