diff --git a/assets/scss/_home.scss b/assets/scss/_home.scss
index e69de29..d05c37b 100644
--- a/assets/scss/_home.scss
+++ b/assets/scss/_home.scss
@@ -0,0 +1,48 @@
+@import 'variables';
+
+#home-main {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    justify-content: space-between;
+    height: 100vh;
+
+    max-width: 720px;
+    margin: auto;
+    font-size: 1.5rem;
+
+    @media (max-width: 768px) {
+        margin-left: 24px;
+    }
+}
+
+#home-center {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-top: 16vh;
+}
+
+#home-title {
+    color: $color-dark;
+    font-family: $default-font;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+}
+
+#home-nav {
+    display: flex;
+    flex-direction: column;
+
+    a {
+        color: $color-light-dark;
+        font-family: $default-font;
+        font-size: 40px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 150%;
+        text-decoration-line: underline;
+    }
+
+}
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
new file mode 100644
index 0000000..9dc1e4c
--- /dev/null
+++ b/assets/scss/_variables.scss
@@ -0,0 +1,5 @@
+$default-font: 'Inter', sans-serif;
+$color-dark: #202020;
+$color-medium-dark: #303030;
+$color-grey: #5C5C5C;
+$color-light-dark: #252525;
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index a537f70..e0d7fe7 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,6 +1,7 @@
 @import "_syntax.scss";
+@import "home";
 
-$font-inter: 'Inter', sans-serif;
+$default-font: 'Inter', sans-serif;
 $color-dark: #202020;
 $color-medium-dark: #303030;
 $color-grey: #5C5C5C;
@@ -65,38 +66,6 @@ body {
     margin: 0;
 }
 
-#home-main {
-    display: flex;
-    flex-direction: column;
-    align-items: start;
-    justify-content: space-between;
-    height: 100vh;
-
-    max-width: 720px;
-    margin: auto;
-
-    font-size: 1.5rem;
-
-    @media (max-width: 768px) {
-        margin-left: 24px;
-    }
-}
-
-#home-center {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-top: 10vh;
-}
-
-#home-title {
-    color: #202020;
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
-}
-
 #post-title {
     color: #202020;
     font-family: Inter;
@@ -137,23 +106,6 @@ body {
     }
 }
 
-#home-nav {
-    display: flex;
-    flex-direction: column;
-
-    a {
-        color: #252525;
-        font-family: Inter;
-        font-size: 40px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 150%;
-        /* 60px */
-        text-decoration-line: underline;
-    }
-
-}
-
 #home-footer {
     @extend %footer-shared;
 }
diff --git a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content
index 25f1e30..8d4a746 100644
--- a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content
+++ b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content
@@ -1 +1 @@
-.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8;padding:16px;border-radius:4px;border:1px dashed grey}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dfdfdf}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#a2f;font-weight:700}.chroma .kc{color:#a2f;font-weight:700}.chroma .kd{color:#a2f;font-weight:700}.chroma .kn{color:#a2f;font-weight:700}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:700}.chroma .kt{color:#0b0;font-weight:700}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:700}.chroma .ne{color:#d2413a;font-weight:700}.chroma .nf{color:#00a000}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:700}.chroma .nt{color:green;font-weight:700}.chroma .nv{color:#b8860b}.chroma .s{color:#b44}.chroma .sa{color:#b44}.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:700}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:700}.chroma .sx{color:green}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:700}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:700}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#04d}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.post-item .post-day,.post-item a{color:#252525;font-family:Inter;font-style:normal;font-size:40px;font-weight:400;line-height:150%;text-decoration-line:underline}#site-footer,#home-footer{width:100%}#site-footer p,#home-footer p{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center}#site-footer a,#home-footer a{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center;text-decoration:none}#site-footer a:hover,#home-footer a:hover{text-decoration:underline}body{font-family:Inter;line-height:1.4;background-color:#ebf4f3;margin:0}#home-main{display:flex;flex-direction:column;align-items:start;justify-content:space-between;height:100vh;max-width:720px;margin:auto;font-size:1.5rem}@media(max-width:768px){#home-main{margin-left:24px}}#home-center{display:flex;flex-direction:column;align-items:flex-start;margin-top:10vh}#home-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal}#post-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.post-header{margin-bottom:40px}.post-meta{margin-top:.5em}.post-meta span{color:#303030}.post-tags{margin:10px 0;display:flex;gap:6px}.post-tags .tag{font-size:.7em;padding:3px 14px;text-transform:lowercase;border:1px solid;margin-bottom:6px}.post-tags .tag a{outline:none;text-decoration:none;color:#5c5c5c}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}.posts-group{width:400px}.back-title{font-family:Inter;font-size:20px;font-style:normal;font-weight:400}.back-title a{text-decoration:none;color:#656565}.back-title a:hover{text-decoration:underline;color:#151515}.post-item{display:flex;justify-content:space-between;align-items:center;width:100%}.post-item a{font-size:30px}.post-item .post-day{font-size:30px;text-decoration:none;color:#787878}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center;font-family:Inter}.pagination a{text-decoration:none;color:#252525}.pagination .page-item{margin:0}.pagination .page-link{display:block;padding:5px 10px;margin:0 2px}#site-footer{width:100%;user-select:none}#site-footer #copyright{display:flex;align-items:center;justify-content:center}#home-footer{width:400px}[aria-disabled=true]{text-decoration:none!important}.page-item.active a{text-decoration:none!important}.content{max-width:720px;font-size:1em;color:#303030}
\ No newline at end of file
+.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8;padding:16px;border-radius:4px;border:1px dashed grey}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dfdfdf}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#a2f;font-weight:700}.chroma .kc{color:#a2f;font-weight:700}.chroma .kd{color:#a2f;font-weight:700}.chroma .kn{color:#a2f;font-weight:700}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:700}.chroma .kt{color:#0b0;font-weight:700}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:700}.chroma .ne{color:#d2413a;font-weight:700}.chroma .nf{color:#00a000}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:700}.chroma .nt{color:green;font-weight:700}.chroma .nv{color:#b8860b}.chroma .s{color:#b44}.chroma .sa{color:#b44}.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:700}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:700}.chroma .sx{color:green}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:700}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:700}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#04d}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}#home-main{display:flex;flex-direction:column;align-items:start;justify-content:space-between;height:100vh;max-width:720px;margin:auto;font-size:1.5rem}@media(max-width:768px){#home-main{margin-left:24px}}#home-center{display:flex;flex-direction:column;align-items:flex-start;margin-top:16vh}#home-title{color:#202020;font-family:inter,sans-serif;font-style:normal;font-weight:500;line-height:normal}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:inter,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}.post-item .post-day,.post-item a{color:#252525;font-family:Inter;font-style:normal;font-size:40px;font-weight:400;line-height:150%;text-decoration-line:underline}#site-footer,#home-footer{width:100%}#site-footer p,#home-footer p{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center}#site-footer a,#home-footer a{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center;text-decoration:none}#site-footer a:hover,#home-footer a:hover{text-decoration:underline}body{font-family:Inter;line-height:1.4;background-color:#ebf4f3;margin:0}#post-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.post-header{margin-bottom:40px}.post-meta{margin-top:.5em}.post-meta span{color:#303030}.post-tags{margin:10px 0;display:flex;gap:6px}.post-tags .tag{font-size:.7em;padding:3px 14px;text-transform:lowercase;border:1px solid;margin-bottom:6px}.post-tags .tag a{outline:none;text-decoration:none;color:#5c5c5c}.posts-group{width:400px}.back-title{font-family:Inter;font-size:20px;font-style:normal;font-weight:400}.back-title a{text-decoration:none;color:#656565}.back-title a:hover{text-decoration:underline;color:#151515}.post-item{display:flex;justify-content:space-between;align-items:center;width:100%}.post-item a{font-size:30px}.post-item .post-day{font-size:30px;text-decoration:none;color:#787878}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center;font-family:Inter}.pagination a{text-decoration:none;color:#252525}.pagination .page-item{margin:0}.pagination .page-link{display:block;padding:5px 10px;margin:0 2px}#site-footer{width:100%;user-select:none}#site-footer #copyright{display:flex;align-items:center;justify-content:center}#home-footer{width:400px}[aria-disabled=true]{text-decoration:none!important}.page-item.active a{text-decoration:none!important}.content{max-width:720px;font-size:1em;color:#303030}
\ No newline at end of file
diff --git a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json
index f96441a..bb9c046 100644
--- a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json
+++ b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json
@@ -1 +1 @@
-{"Target":"css/style.min.682f60937cda65aa30e003286b93e0c1f9d4c3ad1c90c7c69c3a762af1b19465.css","MediaType":"text/css","Data":{"Integrity":"sha256-aC9gk3zaZaow4AMoa5PgwfnUw60ckMfGnDp2KvGxlGU="}}
\ No newline at end of file
+{"Target":"css/style.min.a77d767cbae6cbbfcdb47cbbf0fd53933b11c9cda0327457cbeaba4e78ba951d.css","MediaType":"text/css","Data":{"Integrity":"sha256-p312fLrmy7/NtHy78P1TkzsRyc2gMnRXy+q6Tni6lR0="}}
\ No newline at end of file