From 706ff667e71a8b69fa787ff1d207d5078231ed4d Mon Sep 17 00:00:00 2001
From: Thoscellen <Thoscellen@gmail.com>
Date: Thu, 29 Apr 2021 16:40:22 +0200
Subject: [PATCH] Used new font from google and local fallbacks

---
 resize-lightbox-poc.css | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/resize-lightbox-poc.css b/resize-lightbox-poc.css
index fbc9268..10777fa 100644
--- a/resize-lightbox-poc.css
+++ b/resize-lightbox-poc.css
@@ -1,4 +1,6 @@
 /* Faking a real website */
+@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Mallanna&display=swap');
 
 html {
   height: 100%;
@@ -9,22 +11,20 @@ body {
   margin: 0;
   min-height: 100%;
   box-sizing: border-box;
-  font-family: Calibri, "Segoe UI", sans-serif;
+  font-family:  Calibri, Mallanna, sans-serif;
 }
 
 h1,
 h2,
 h3,
-h4,
 button {
-  font-family: "Chalkboard", Candara, sans-serif;
-  letter-spacing: -0.5px;
+  font-family: "Chalkboard", "Comic Neue", "Comic Sans MS", cursive;
+  /* letter-spacing: -0.5px; */
   text-transform: uppercase;
-  font-weight: normal;
+  font-weight: 700;
 }
 
 /* The body of the fake website consist of a scrollable big picture */
-
 #fake {
   /* background: url(./fake-home.jpg); */
   z-index: 9;
@@ -100,9 +100,10 @@ button {
 
 #tabs-container {
 	display: flex;
-	font-family: "Chalkboard", Candara, sans-serif;
-  letter-spacing: -0.5px;
+  font-family: "Chalkboard", "Comic Neue", "Comic Sans MS", cursive;
+  /* letter-spacing: -0.5px; */
   overflow-x: auto;
+  font-weight: 600;
 }
 
 #tabs-container a {
@@ -171,12 +172,7 @@ button {
   grid-column: central;
 }
 
-input[type="text"],
-input[type="password"],
-input[type="search"],
-input[type="email"],
-input[type="tel"],
-input[type="date"] {
+input {
   border-radius: 5px;
   border: 1px solid #c9ced5;
   line-height: 25px;
@@ -185,7 +181,7 @@ input[type="date"] {
 	height: 40px;
 	text-transform: initial;
 	font-size: initial;
-	font-family: Calibri, "Segoe UI", sans-serif;
+	font-family: Calibri, Mallanna, "Segoe UI", sans-serif;
 }
 
 button {
@@ -248,7 +244,9 @@ button {
 
 .domino-item h4 {
 	text-transform: initial;
-	font-family: Calibri, "Segoe UI", sans-serif;
+	/* font-family: Calibri, "Segoe UI", sans-serif; */
+  font-weight: normal;
+  font-size: 11pt;
 	letter-spacing: initial;
 	margin: 6px 0 ;
 	color: rgb(53, 53, 53);