1 files changed, 91 insertions, 6 deletions
diff --git a/style.css b/style.css
index 05baa62..9a38b5a 100644
--- a/style.css
+++ b/style.css
@@ -20,10 +20,77 @@ html {
     --default-border: 0.5px dotted rgba(255, 255, 255, 0.3);
 }
 
+/*
 @font-face {
     font-family: "Manuskript Gothisch";
     src: url("/fonts/manuskript_gothisch/Manuskript%20Gothisch%20UNZ1A.ttf");
 }
+*/
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Light.woff2");
+    font-weight: 100;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-LightItalic.woff2");
+    font-weight: 100;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Regular.woff2");
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-RegularItalic.woff2");
+    font-weight: 400;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Medium.woff2");
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-MediumItalic.woff2");
+    font-weight: 500;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Bold.woff2");
+    font-weight: 700;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-BoldItalic.woff2");
+    font-weight: 700;
+    font-style: italic;  
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Dark.woff2");
+    font-weight: 900;
+}
+
+@font-face {
+    font-family: "Nyght Serif";
+    src: url("/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-DarkItalic.woff2");
+    font-weight: 900;
+    font-style: italic;  
+}
 
 @font-face {
     font-family: "Roboto Slab";
@@ -31,6 +98,7 @@ html {
     font-weight: 100 200 300 400 500 600 700 800 900;
 }
 
+/*
 @font-face {
     font-family: "Bodoni Moda";
     src: url("/fonts/bodoni_moda/static/BodoniModa_9pt/BodoniModa_9pt-MediumItalic.ttf");
@@ -41,6 +109,7 @@ html {
     font-family: "Bodoni Moda";
     src: url("/fonts/bodoni_moda/static/BodoniModa_18pt/BodoniModa_18pt-Medium.ttf");
 }
+*/
 
 @font-face {
     font-family: "Fira Code";
@@ -70,7 +139,7 @@ body {
 }
 
 strong {
-    font-family: "Bodoni Moda";
+    font-family: "Nyght Serif";
     font-style: italic;
 }
 
@@ -151,18 +220,29 @@ main > .intro {
 h1, h2, h3, h4, h5, h6 {
     margin-top: 50px;
     margin-bottom: 8px;
-    font-family: "Bodoni Moda";
+    font-family: "Nyght Serif";
     text-align: left;
+    font-weight: 700;
 }
 
 h1 {
-    font-family: "Manuskript Gothisch";
+    font-style: italic;  
+}
+
+h2 {
+    font-size: 30px;
+    font-weight: 400;
+}
+
+h3 {
+    font-size: 20px;
+    font-weight: 700;
 }
 
 body > header {
     z-index: 1;
     margin-top: 100px;
-    margin-bottom: 0;
+    margin-bottom: 200px;
     text-align: center;
     display: flex;
     flex-direction: column;
@@ -176,11 +256,15 @@ body > header > h1 {
     -webkit-background-clip: text;
     color: transparent;
     filter: drop-shadow(0 0 10px rgba(0, 0, 0, var(--shadow-opacity)));
-    font-size: 32px;
+    font-size: 120px;
+    /* Padding to avoid the first character getting cut off in firefox */
+    padding-left: 40px;
+    padding-right: 40px;
 }
 
+/* https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */
+/*
 body > header > h1::first-line {
-    /* https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */
   --min-fs: 3;
   --max-fs: 10;
   --min-vw: 20;
@@ -194,6 +278,7 @@ body > header > h1::first-line {
 
   font-size: clamp(var(--min-fs-rem), var(--min-fs-rem) + var(--slope), var(--max-fs-rem));
 }
+*/
 
 
 main.cards {