Add font and improve style

style-for-editor.css

@@ -8,3 +8,7 @@ experience.
 The goal is to keep this file to a minimum. 
 */
 
+/* Remove global padding from site container */
+.editor-styles-wrapper {
+	padding: 0 !important;
+}

style.css

@@ -28,20 +28,88 @@ html {
     }
 }
 
-/* Remove global padding from site container */
-.wp-site-blocks {
-	padding: 0;
+body {
+
+}
+
+/* Remove default padding from heading */
+h1.has-background, 
+h2.has-background, 
+h3.has-background, 
+h4.has-background, 
+h5.has-background, 
+h6.has-background {
+  padding: 0;
 }
 
+/* Cover block */
+.wp-block-cover {
+    overflow: hidden;
+}
+
+.wp-block-cover h1 {
+    margin: 0;
+}
 
 /* -------------------------------- CONTEXT -------------------------------- */
 
+/** 
+ * Site container 
+ */
+
+/**
+ * 1. Remove global padding from site container
+ */
+.wp-site-blocks {
+    max-width: var(--wp--custom--layout--full-size);
+    margin-left: auto;
+    margin-right: auto;
+
+	padding-top: 0;
+    padding-bottom: 0;
+    padding-right: var(--wp--style--root--padding-right);
+    padding-left: var(--wp--style--root--padding-left);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    min-height: 100vh;
+}
+
+.wp-site-blocks > * + * {
+    margin-block-start: 0;
+}
 
 /**
  * Site header 
  */
 
-header {}
+header {
+    position: relative;
+}
+
+/* Logo */
+header .wp-block-site-logo {
+    position: relative;
+    z-index: 99;
+    margin-bottom: -5.5rem;
+    margin-top: -7rem;
+    background-color: var(--wp--preset--color--base);
+    border-radius: 999px;
+    padding: 10rem 1rem 1rem 7rem;
+    width: 450px;
+    height: 450px;
+}
+
+header .wp-block-site-logo img {
+    border-radius: 0;
+}
+
+header .contact--header {
+    color: var(--wp--preset--color--contrast-2);
+    position: absolute;
+    /* right: 0;
+    bottom: 1rem; */
+}
 
 
 /**
@@ -60,6 +128,16 @@ footer {}
 
 /* ------------------------------ BREAKPOINTS ------------------------------- */
 
+/* Breakpoint for  */
+@media screen and (min-width: 960px) {
+
+    header .contact--header {
+        right: 0;
+        bottom: 1rem;
+    } 
+
+}
+
 /* Breakpoint for tiny screens */
 @media screen and (max-width: 480px) {
 

theme.json

@@ -21,13 +21,49 @@
 			]
 		},
 		"typography": {
-			"fontFamilies": [],
+			"fontFamilies": [
+				{
+					"fontFamily": "\"Open Sans\", -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
+					"slug": "open-sans",
+					"name": "Open Sans",
+					"fontFace": [
+						{
+							"fontFamily": "Open Sans",
+							"fontWeight": "300",
+							"fontStyle": "normal",
+							"fontStretch": "normal",
+							"src": [ "file:./assets/fonts/open-sans/open-sans-v34-latin-300.woff2" ]
+						},
+						{
+							"fontFamily": "Open Sans",
+							"fontWeight": "300",
+							"fontStyle": "italic",
+							"fontStretch": "normal",
+							"src": [ "file:./assets/fonts/open-sans/open-sans-v34-latin-300italic.woff2" ]
+						},
+						{
+							"fontFamily": "Open Sans",
+							"fontWeight": "700",
+							"fontStyle": "normal",
+							"fontStretch": "normal",
+							"src": [ "file:./assets/fonts/open-sans/open-sans-v34-latin-700.woff2" ]
+						},
+						{
+							"fontFamily": "Open Sans",
+							"fontWeight": "700",
+							"fontStyle": "italic",
+							"fontStretch": "normal",
+							"src": [ "file:./assets/fonts/open-sans/open-sans-v34-latin-700italic.woff2" ]
+						}
+					]
+				}
+			],
 			"fontSizes": [
 				{ "name": "Small",    "slug": "small",    "size": "1rem" },
 				{ "name": "Medium",   "slug": "medium",   "size": "clamp(1.125rem, 4vw, 1.25rem)" },
 				{ "name": "Large",    "slug": "large",    "size": "1.5rem" },
-				{ "name": "X-large",  "slug": "x-large",  "size": "2.125rem" },
-				{ "name": "XX Large", "slug": "xx-large", "size": "2.875rem" }
+				{ "name": "X-large",  "slug": "x-large",  "size": "clamp(1.5rem, 4vw, 2.125rem)" },
+				{ "name": "XX Large", "slug": "xx-large", "size": "clamp(2rem, 4vw, 2.875rem)" }
 			],
 			"customFontSize": false,
             "lineHeight": true,
@@ -46,7 +82,7 @@
 		},
 		"layout": {
 			"contentSize": "40rem",
-			"wideSize": "56rem"
+			"wideSize": "50rem"
 		},
 		"spacing": {
 			"blockGap": true,
@@ -70,13 +106,14 @@
 			},
 			"borderRadius": {
 				"small": "6px",
-				"medium": "10px"
+				"medium": "12px",
+				"large": "20px"
 			},
 			"spacing": {
 				"bannerHeight": "clamp(12rem, 20vw, 16rem)"
 			},
 			"layout": {
-				"fullSize": "72rem"
+				"fullSize": "60rem"
 			}
 		}
 	},
@@ -86,6 +123,7 @@
 			"text": 	  "var(--wp--preset--color--contrast)"
 		},
 		"typography": {
+			"fontFamily": "var(--wp--preset--font-family--open-sans)",
 			"lineHeight": "var(--wp--custom--typography--line-height--normal)",
 			"fontSize":   "var(--wp--preset--font-size--medium)"
 		},
@@ -209,6 +247,16 @@
 					"radius": "var(--wp--custom--border-radius--medium)"
 				}
 			},
+			"core/cover": {
+				"border": {
+					"radius": "var(--wp--custom--border-radius--large)"
+				}
+			},
+			"core/heading": {
+				"border": {
+					"radius": "var(--wp--custom--border-radius--medium)"
+				}
+			},
 			"core/separator": {
 				"color": {
 					"background": "var(--wp--preset--color--contrast-2)"