add JetBrains Mono & Europa Grotesk fonts

tools/styles/base-theme.css

@@ -10,24 +10,24 @@
 
 :root {
   --r-main-font-size: 35px;
-  --r-main-font: 'Work Sans';
+  --r-main-font: 'JetBrains Mono';
   --r-main-color: #ffffff;
   --r-background-color: #000000;
   --r-code-background-color: #434343;
   --r-block-margin: 0em 30px 15px 30px;
   --r-heading-margin: 0em 0em 20px 0em;
-  --r-heading-font: 'Unbounded';
-  --r-heading-color: #3f9dbf;
+  --r-heading-font: 'EuropaGroteskSH';
+  --r-heading-color: #fbff96;
   --r-heading-line-height: 1.5em;
   --r-heading-letter-spacing: 0.02em;
   --r-heading-text-transform: none;
   --r-heading-text-shadow: none;
   --r-heading-font-weight: normal;
   --r-heading1-text-shadow: none;
-  --r-heading1-size: 2em;
-  --r-heading2-size: 1.35em;
-  --r-heading3-size: 1.25em;
-  --r-heading4-size: 1.15em;
+  --r-heading1-size: 3em;
+  --r-heading2-size: 2em;
+  --r-heading3-size: 1.7em;
+  --r-heading4-size: 1.5em;
   --r-code-font: monospace;
   /* custom var */
   --r-code-font-size: 0.75em;
@@ -582,81 +582,24 @@ nuke-flex[right] {
 /*********************************************
  * FONTS
  *********************************************/
-/* font: unbounded https://unbounded.polkadot.network/ */
-@font-face {
-  font-family: 'Unbounded';
-  font-style: normal;
-  font-weight: 300;
-  src: url('./fonts/unbounded/Unbounded-Light.woff2');
-  src: local(''), url('./fonts/unbounded/Unbounded-Light.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/unbounded/Unbounded-Light.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-  font-family: 'Unbounded';
-  font-style: normal;
-  font-weight: 400;
-  src: url('./fonts/unbounded/Unbounded-Regular.woff2');
-  src: local(''), url('./fonts/unbounded/Unbounded-Regular.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/unbounded/Unbounded-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
-}
 
+/* font: Europa Grotesk  https://eng.m.fontke.com/font/81724691/download/ */
 @font-face {
-  font-family: 'Unbounded';
+  font-family: 'EuropaGroteskSH';
   font-style: normal;
-  font-weight: 700;
-  src: url('./fonts/unbounded/Unbounded-Bold.woff2');
-  src: local(''), url('./fonts/unbounded/Unbounded-Bold.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/unbounded/Unbounded-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
+  src: url('./fonts/EuropaGroteskSH-Reg.otf') format('opentype');
 }
 
-/* fonts: work-sans-regular - latin	https://google-webfonts-helper.herokuapp.com/fonts/work-sans/work-sans?subsets=latin */
+/* fonts: jetbrains mono	https://fonts.google.com/specimen/JetBrains+Mono */
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'JetBrains Mono';
   font-style: normal;
-  font-weight: 400;
-  src: local(''), url('./fonts/work-sans/work-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */ url('./fonts/work-sans/work-sans-v17-latin-regular.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-regular.woff') format('woff'),
-    /* Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-regular.ttf') format('truetype'),
-    /* Safari, Android, iOS */ url('./fonts/work-sans/work-sans-v17-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
-}
-
-/* work-sans-800 - latin */
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 800;
-  src: url('./fonts/work-sans/work-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
-  src: local(''), url('./fonts/work-sans/work-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */ url('./fonts/work-sans/work-sans-v17-latin-800.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-800.woff') format('woff'),
-    /* Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-800.ttf') format('truetype'),
-    /* Safari, Android, iOS */ url('./fonts/work-sans/work-sans-v17-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
-}
-
-/* work-sans-italic - latin */
-@font-face {
-  font-family: 'Work Sans';
-  font-style: italic;
-  font-weight: 400;
-  src: url('./fonts/work-sans/work-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
-  src: local(''), url('./fonts/work-sans/work-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */ url('./fonts/work-sans/work-sans-v17-latin-italic.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-italic.woff') format('woff'),
-    /* Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-italic.ttf') format('truetype'),
-    /* Safari, Android, iOS */ url('./fonts/work-sans/work-sans-v17-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
+  src: url('./fonts/jetbrains-mono/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
 }
 
-/* work-sans-800italic - latin */
+/* fonts: jetbrains mono italic	*/
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'JetBrains Mono';
   font-style: italic;
-  font-weight: 800;
-  src: url('./fonts/work-sans/work-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */
-  src: local(''), url('./fonts/work-sans/work-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */ url('./fonts/work-sans/work-sans-v17-latin-800italic.woff2') format('woff2'),
-    /* Super Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-800italic.woff') format('woff'),
-    /* Modern Browsers */ url('./fonts/work-sans/work-sans-v17-latin-800italic.ttf') format('truetype'),
-    /* Safari, Android, iOS */ url('./fonts/work-sans/work-sans-v17-latin-800italic.svg#WorkSans') format('svg'); /* Legacy iOS */
+  src: url('./fonts/jetbrains-mono/JetBrainsMono-Italic-VariableFont_wght.ttf') format('truetype');
 }