feat: SREEZ, play with fonts and improve loook

sreez/src/pages/short_landing_page.rs

@@ -5,7 +5,7 @@ pub fn ShortLandingPage() -> impl IntoView {
     view! {
         <div class="max-width-900 margin-x-auto">
             <div class="row margin-y-4 justify-center">
-                <img src="assets/sreez_transparent_bg.png"  alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E" class="max-width-300 margin-x-3"/>
+                <img src="assets/sreez_logo.png"  alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E" class="max-width-300 margin-x-3"/>
                 <div class="margin-x-3 text-left column justify-center">
                     <h1>"Accelerate your software delivery with SREEZ. Your DevOps Catalyst"</h1>
                 </div>

sreez/style/main.scss

@@ -1,16 +1,30 @@
+@font-face {
+  font-family: "Fira Mono";
+  src:
+    url("/assets/fonts/FiraMono-Regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Intel One";
+  src:
+    url("/assets/fonts/intelone-mono-font-family-regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "PT Mono";
+  src:
+    url("/assets/fonts/PTM55F.ttf") format("truetype");
+}
 
 body {
-	font-family: sans-serif;
+  // font-family: monospace;
+  font-family: "Fira Mono";
+  font-family: "Intel One";
+  font-family: "PT Mono";
 	text-align: center;
   font-size: 1.4rem;
 }
 
-body {
-  font-family: Roboto, helvetica;
-  font-family: Poppins, helvetica;
-}
-
-
 .font-4xl {
   font-size: 3rem;
 }