diff --git a/static/ValeriaBoldGrunge.ttf b/static/ValeriaBoldGrunge.ttf
new file mode 100644
index 0000000..e8c6bc7
Binary files /dev/null and b/static/ValeriaBoldGrunge.ttf differ
diff --git a/static/style.css b/static/style.css
index e69de29..8b13789 100644
--- a/static/style.css
+++ b/static/style.css
@@ -0,0 +1 @@
+
diff --git a/templates/base.html b/templates/base.html
index adf0ed5..270fe19 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html>
     <head>
@@ -5,6 +6,7 @@
         <title>Il était une fois dans l'est</title>
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+		<link rel="stylesheet" href="{% static "style.css" %}"/>
         <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
         <style>
 html {
@@ -21,6 +23,15 @@ body {
   height: 60px; /* Set the fixed height of the footer here */
   line-height: 60px; /* Vertically center the text there */
   background-color: #f5f5f5;
+}
+@font-face {
+  font-family: 'Valeria';
+  font-style: normal;
+  src: url("/static/ValeriaBoldGrunge.ttf");
+}
+h1.site-title
+{
+	font-family: 'Valeria';
 }
         {% block style %}{% endblock %}
         </style>
diff --git a/templates/home.html b/templates/home.html
index 7e962bc..9aa9083 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,6 +1,6 @@
 {% extends 'base.html'%}
 {% block content %}
-<h1>Il était une fois dans l'est</h1>
+<h1 class="site-title">Il était une fois dans l'est</h1>
 <br/>
 <br/>
 <div class="row">
