1 files changed, 64 insertions, 1 deletions
diff --git a/blueprint/assets/css/deuxfleurs.css b/blueprint/assets/css/deuxfleurs.css
index 03bb363..0fbfcd5 100644
--- a/blueprint/assets/css/deuxfleurs.css
+++ b/blueprint/assets/css/deuxfleurs.css
@@ -1 +1,64 @@
-@charset "UTF-8";
-\ No newline at end of file
+@charset "UTF-8";
+
+@font-face {
+    font-family: 'Space Mono';
+    src: url('../fonts/spacemono/SpaceMono-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'Space Mono';
+    src: url('../fonts/spacemono/SpaceMono-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'Space Mono';
+    src: url('../fonts/spacemono/SpaceMono-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'Space Mono';
+    src: url('../fonts/spacemono/SpaceMono-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+html, body {
+	background-color:  white;
+	font-family: "Space Mono", Monaco, monospace !important;
+}
+
+
+
+header {
+    background-image: url("../images/illustration-ronce_1200x765px.png");
+    height: 100vh;
+    width: 100vw;
+    /* Create the parallax scrolling effect */
+    /* background-attachment: fixed; */
+    background-position: center;
+    /* background-repeat: no-repeat; */
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+header > p {
+	width:  40%;
+	position: relative;
+	left: 55%;
+	bottom: -80%;
+
+	color: white;
+	/* color | offset-x | offset-y | blur-radius */
+	text-shadow: black 0px 0px 4px;
+
+	text-align: right;
+}
+
+nav {
+	position:  fixed;
+
+}
+\ No newline at end of file