diff --git a/assets/styles/app.css b/assets/styles/app.css
index 314887b1cc903e3671481a9804d784cac6330a49..25bcf2ec57f1876ef0f87ba1e061e0a1cb77ef93 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -3,5 +3,11 @@
 @tailwind utilities;
 
 body {
-    background-color: lightgray;
+    background-color: #005500;
 }
+
+h1 {
+    font-family: 'Formula1_font';
+    font-weight: 600;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..34235acd43e3d4e417896e3491e48bd2807ed444
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,21 @@
+
+@font-face{
+    font-family: 'Formula1_font';
+    font-style: normal;
+    font-weight: 600;
+    src: url('../fonts/Formula1-Bold_web_0.ttf');
+}
+  
+@font-face{
+    font-family: 'Formula1_font';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../fonts/Formula1-Regular_web_0.ttf');
+}
+  
+@font-face{
+    font-family: 'Formula1_font';
+    font-style: normal;
+    font-weight: 200;
+    src: url('../fonts/Formula1-Wide_web_0.ttf');
+}
\ No newline at end of file
diff --git a/public/fonts/Formula1-Bold_web_0.ttf b/public/fonts/Formula1-Bold_web_0.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5cfec91f45564ad542dad80a85886abe9c01f780
Binary files /dev/null and b/public/fonts/Formula1-Bold_web_0.ttf differ
diff --git a/public/fonts/Formula1-Regular_web_0.ttf b/public/fonts/Formula1-Regular_web_0.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..c758f7cc0fb9083a3f42a21141004e7290144806
Binary files /dev/null and b/public/fonts/Formula1-Regular_web_0.ttf differ
diff --git a/public/fonts/Formula1-Wide_web_0.ttf b/public/fonts/Formula1-Wide_web_0.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5624e7d2e00fc028c67a6f438226ae03c0707606
Binary files /dev/null and b/public/fonts/Formula1-Wide_web_0.ttf differ
diff --git a/templates/base.html.twig b/templates/base.html.twig
index d4f83f7f8bf0387ab3873e312961337fa3589b85..8a87508b61284e42a211c1a2f9b5a9c708827c8e 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -12,6 +12,8 @@
         {% block javascripts %}
             {{ encore_entry_script_tags('app') }}
         {% endblock %}
+        <link rel="stylesheet" href="{{ asset('css/style.css') }}">
+
     </head>
     <body>
         {% block body %}{% endblock %}