diff --git a/assets/css/styles.css b/assets/css/styles.css
index 0cf77b5..0106317 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -6,8 +6,8 @@
 }
 
 @font-face {
-    font-family: "Fira Code Bold";
-    src: url(../fonts/FiraCode-Bold.ttf);
+    font-family: "Fira Code SemiBold";
+    src: url(../fonts/FiraCode-SemiBold.ttf);
 }
 
 /*** Page Contents ***/
@@ -18,16 +18,19 @@ html {
     height: 100%;
     align-items: center;
     justify-content: center;
-    background-color: #1B1B1B;
+    background-color: #000000;
 }
 
 /* Main Grid */
 body {
-    margin: 5rem 10rem 5rem 10rem;
     display: grid;
-    grid-template-columns: repeat(4, [col-start] 1fr);
+    grid-template-columns: repeat(12, [col-start] 1fr);
     grid-template-rows: 0.2fr 1fr 1fr;
     gap: 2rem;
+    padding: 2rem;
+    border-radius: 0.8rem;
+
+    background-color: #0F0F0F;
 }
 
 /* Page Header */
@@ -35,7 +38,7 @@ header {
     display: flex;
     align-items: center;
     justify-content: center;
-    grid-column: span 4;
+    grid-column: span 12;
     padding: 1.2rem;
 
     background-image: linear-gradient(145deg, #3494E6, #EC6EAD);
@@ -43,30 +46,33 @@ header {
 }
 
 header h1 {
-    font-family: "Fira Code Bold";
+    font-family: "Fira Code SemiBold";
     color: #FFFFFF;
     margin: 0;
 }
 
 /* Link Box */
 .link_box {
+    grid-column: span 3;
+
     display: grid;
-    grid-template-columns: repeat(2, [col-start] 1fr);
+    grid-template-columns: repeat(4, [col-start] 1fr);
     grid-template-rows: 0.5fr 1fr 1fr;
     gap: 1rem;
     max-height: fit-content;
 }
 
 .link_box h2 {
+    grid-column: span 4;
+
     display: flex;
     margin: 0;
     padding: 1rem;
     background-color: #313131;
     align-items: center;
     justify-content: center;
-    grid-column: span 2;
 
-    font-family: "Fira Code Bold";
+    font-family: "Fira Code SemiBold";
     font-size: 1.25rem;
     color: #FFFFFF;
 
@@ -78,6 +84,8 @@ header h1 {
 
 /* Link */
 a {
+    grid-column: span 2;
+
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -98,7 +106,7 @@ a {
 }
 
 a:hover {
-    font-family: "Fira Code Bold";
+    font-family: "Fira Code SemiBold";
     background:
         linear-gradient(#505050 0 0) padding-box,
         linear-gradient(to right, #12c2e9, #c471ed,#f64f59) border-box;
@@ -106,7 +114,7 @@ a:hover {
 }
 
 a:active {
-    font-family: "Fira Code Bold";
+    font-family: "Fira Code SemiBold";
     background:
         linear-gradient(#777777 0 0) padding-box,
         linear-gradient(to right, #12c2e9, #c471ed,#f64f59) border-box;
diff --git a/assets/fonts/FiraCode-Bold.ttf b/assets/fonts/FiraCode-Bold.ttf
deleted file mode 100644
index f891bde..0000000
Binary files a/assets/fonts/FiraCode-Bold.ttf and /dev/null differ
diff --git a/assets/fonts/FiraCode-SemiBold.ttf b/assets/fonts/FiraCode-SemiBold.ttf
new file mode 100644
index 0000000..d8dcef6
Binary files /dev/null and b/assets/fonts/FiraCode-SemiBold.ttf differ