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%;
+            }
+        }
+    }
+}

assets/css/base/_index.scss

@@ -0,0 +1,6 @@
+// --------------------------------------------------
+// BASE (INDEX)
+// --------------------------------------------------
+
+@forward 'minireset';
+@forward 'base';

assets/css/base/_minireset.css

@@ -0,0 +1,78 @@
+/* --------------------------------------------------
+MINIRESET V0.0.6
+-------------------------------------------------- */
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+    padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-size: 100%;
+    font-weight: normal;
+}
+
+ul {
+    list-style: none;
+}
+
+button,
+input,
+select {
+    margin: 0;
+}
+
+html {
+    box-sizing: border-box;
+}
+
+*, *::before, *::after {
+    box-sizing: inherit;
+}
+
+img,
+video {
+    height: auto;
+    max-width: 100%;
+}
+
+iframe {
+    border: 0;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+td,
+th {
+    padding: 0;
+}