diff --git a/assets/style/IosevkaAile.css b/assets/style/IosevkaAile.css
deleted file mode 100644
index 6b3f4d9..0000000
--- a/assets/style/IosevkaAile.css
+++ /dev/null
@@ -1,315 +0,0 @@
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 100;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Thin.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Thin.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 100;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 100;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 100;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-ThinItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 200;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraLight.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLight.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 200;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 200;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 200;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 300;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Light.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Light.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 300;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 300;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 300;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-LightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 400;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Regular.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Regular.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 400;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 400;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 400;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-Italic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Italic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 500;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Medium.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Medium.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 500;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 500;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 500;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-MediumItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 600;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-SemiBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 600;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 600;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 600;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 700;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Bold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Bold.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 700;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 700;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 700;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-BoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 800;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBold.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 800;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 800;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 800;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 900;
-	font-stretch: normal;
-	font-style: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-Heavy.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Heavy.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 900;
-	font-stretch: normal;
-	font-style: oblique;
-	src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
-	font-weight: 900;
-	font-stretch: normal;
-	src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
-}
-
-@font-face {
-	font-family: 'Iosevka Aile Web';
-	font-display: swap;
-	font-weight: 900;
-	font-stretch: normal;
-	font-style: italic;
-	src: url('../fonts/WOFF2/IosevkaAile-HeavyItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyItalic.ttf') format('truetype');
-}
diff --git a/assets/style/common.css b/assets/style/common.css
index 01ac389..989ad8e 100644
--- a/assets/style/common.css
+++ b/assets/style/common.css
@@ -1,5 +1,328 @@
-@import url(/assets/style/fonts.css);
-@import url(/assets/style/IosevkaAile.css);
+/****** FONTS ******/
+
+/* Andika with the nahan script */
+@font-face {
+    font-family: AndikaAmbNaran;
+    src: url("../fonts/AndikaAmbNaran.ttf") format("truetype");
+}
+
+/* Iosevka Aile as the main font */
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Thin.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Thin.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 100;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-ThinItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraLight.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLight.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 200;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Light.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Light.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 300;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-LightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Regular.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 400;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-Italic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Italic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Medium.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Medium.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 500;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-MediumItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-SemiBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 600;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Bold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Bold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 700;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-BoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 800;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldItalic.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-Heavy.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Heavy.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: oblique;
+	src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web Oblique';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Iosevka Aile Web';
+	font-display: swap;
+	font-weight: 900;
+	font-stretch: normal;
+	font-style: italic;
+	src: url('../fonts/WOFF2/IosevkaAile-HeavyItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyItalic.ttf') format('truetype');
+}
+
+/****** basics ******/
 
 :root {
     --bg: #282828;
@@ -25,11 +348,6 @@ body {
     color: var(--fg);
 }
 
-header {
-    width: 100%;
-    background-color: var(--bg-accent);
-    text-align: center;
-}
 h1, h2, h3, h4, h5, h6 {
     font-weight: 800;
 }
@@ -37,10 +355,23 @@ strong {
     font-weight: 600;
 }
 
+/****** header ****/
+
+header {
+    width: 100%;
+    background-color: var(--bg-accent);
+    text-align: center;
+}
+
 header h1 a {
     text-decoration: none;
 }
 
+a {
+    display: inline;
+    color: var(--accent)
+}
+
 header nav {
     width: 100%;
     padding: 0pt, 10pt;
@@ -61,10 +392,9 @@ nav input {
 aside, aside * {
     background-color: var(--bg-accent);
 }
-a {
-    display: inline;
-    color: var(--accent)
-}
+
+/****** Search Box ******/
+
 ul.sresult {
     width: 50vw;
     height: 20vw;
@@ -75,20 +405,19 @@ ul.sresult {
     left: 50%;  
     transform: translate(-50%, 0%);
     background-color: var(--bg-accent);
-    padding: 10pt
+    padding: 10pt;
+    border: .1em solid var(--fg-disabled);
 }
 li.sresult {
     list-style: none;
     font-size: 1.5em;
 }
 
+/****** Table of contents ******/
 aside {
     padding: 10pt;
     height: min-content;
 }
-main {
-    padding: 25pt 10pt;
-}
 
 @media (min-width: 1000px) {
     #main-body {display: flex;}
@@ -100,13 +429,20 @@ main {
         width: 20em;
     }
 }
+
 @media (max-width: 1000px) {
     main {
         width: 100% - 20pt
     }
     aside { width: 100% - 20pt }
 }
+
 /****** Main body styling ******/
+
+main {
+    padding: 25pt 10pt;
+}
+
 main h1 {
     font-size: 2em;
     font-weight: bold;
@@ -116,9 +452,11 @@ main li {
     list-style-position: inside;
     padding: 0 0 0 10pt;
 }
+
 main table {
     margin: 1em;
 }
+
 main td {
     padding: 0em 1em;
     margin: 0;
@@ -128,13 +466,16 @@ main .low {
     color: var(--fg-disabled);
     font-style: italic;
 }
+
 main .high {
     color: var(--accent);
     font-family: inherit;
 }
+
 main em {
     color: var(--accent);
 }
+
 main table, main td, main tr {
     border-collapse: collapse;
     margin: 10px;
@@ -157,4 +498,4 @@ main h2, main h3, main h4, main h5, main h6{
 /****** SCRIPTS ******/
 .scr-nahan {
     font-family: AndikaAmbNaran;
-}
+}
\ No newline at end of file
diff --git a/assets/style/fonts.css b/assets/style/fonts.css
deleted file mode 100644
index 147ed88..0000000
--- a/assets/style/fonts.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* Andika with the nahan script */
-@font-face {
-    font-family: AndikaAmbNaran;
-    src: url("../fonts/AndikaAmbNaran.ttf") format("truetype");
-}
-
-/* Andika for the rest */
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-Bold.ttf") format("truetype");
-    font-weight: 700;
-    font-style: normal;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-BoldItalic.ttf") format("truetype");
-    font-weight: 700;
-    font-style: italic;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-Italic.ttf") format("truetype");
-    font-weight: 400;
-    font-style: italic;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-Medium.ttf") format("truetype");
-    font-weight: 500;
-    font-style: normal;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-MediumItalic.ttf") format("truetype");
-    font-weight: 500;
-    font-style: italic;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-Regular.ttf") format("truetype");
-    font-weight: 400;
-    font-style: normal;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-SemiBold.ttf") format("truetype");
-    font-weight: 600;
-    font-style: normal;
-}
-@font-face {
-    font-family: Andika;
-    src: url("../fonts/Andika-SemiBoldItalic.ttf") format("truetype");
-    font-weight: 600;
-    font-style: italic;
-}