diff --git a/public/theme.css b/public/theme.css
index a1c2d4f..4dc9ec5 100644
--- a/public/theme.css
+++ b/public/theme.css
@@ -1,6 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&family=Quattrocento:wght@400;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&family=Quattrocento:wght@400;700&family=Roboto+Slab:wght@100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&family=Quattrocento:wght@400;700&family=Roboto+Slab:wght@100..900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 
 :root {
     --dj-palette1: #83a6bf;
@@ -28,32 +26,88 @@ h1, h2, h3, h4, h5, nav, .dj-title, .roboto-slab {
   font-style: normal;
 }
 
-.laila-light {
-  font-family: "Laila", serif;
+.spectral-extralight {
+  font-family: "Spectral", serif;
+  font-weight: 200;
+  font-style: normal;
+}
+
+.spectral-light {
+  font-family: "Spectral", serif;
   font-weight: 300;
   font-style: normal;
 }
 
-.laila-regular, body {
-  font-family: "Laila", serif;
+.spectral-regular, body {
+  font-family: "Spectral", serif;
   font-weight: 400;
   font-style: normal;
+  font-size: 19px;
 }
 
-.laila-medium {
-  font-family: "Laila", serif;
+.spectral-medium {
+  font-family: "Spectral", serif;
   font-weight: 500;
   font-style: normal;
 }
 
-.laila-semibold {
-  font-family: "Laila", serif;
+.spectral-semibold {
+  font-family: "Spectral", serif;
   font-weight: 600;
   font-style: normal;
 }
 
-.laila-bold {
-  font-family: "Laila", serif;
+.spectral-bold {
+  font-family: "Spectral", serif;
   font-weight: 700;
   font-style: normal;
 }
+
+.spectral-extrabold {
+  font-family: "Spectral", serif;
+  font-weight: 800;
+  font-style: normal;
+}
+
+.spectral-extralight-italic {
+  font-family: "Spectral", serif;
+  font-weight: 200;
+  font-style: italic;
+}
+
+.spectral-light-italic {
+  font-family: "Spectral", serif;
+  font-weight: 300;
+  font-style: italic;
+}
+
+.spectral-regular-italic {
+  font-family: "Spectral", serif;
+  font-weight: 400;
+  font-style: italic;
+}
+
+.spectral-medium-italic {
+  font-family: "Spectral", serif;
+  font-weight: 500;
+  font-style: italic;
+}
+
+.spectral-semibold-italic {
+  font-family: "Spectral", serif;
+  font-weight: 600;
+  font-style: italic;
+}
+
+.spectral-bold-italic {
+  font-family: "Spectral", serif;
+  font-weight: 700;
+  font-style: italic;
+}
+
+.spectral-extrabold-italic {
+  font-family: "Spectral", serif;
+  font-weight: 800;
+  font-style: italic;
+}
+