diff --git a/assets/css/contact.css b/assets/css/contact.css
index 895e50c2b3144fa4db601707c9511bb8e048f972..754cd206129a66a11758293c2bd0f1bde18a79d0 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -1,6 +1,7 @@
-/* body {
-  background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
-} */
+body {
+  /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138)); */
+  background-color: rgb(148, 138, 138);
+}
 
 header {
   position: static;
diff --git a/contact.html b/contact.html
index a5074e650622501e3890908441d626bfb3180c66..0d132071651cc598f0a7cb6839967e27c33aca0d 100644
--- a/contact.html
+++ b/contact.html
@@ -4,6 +4,12 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap"
+      rel="stylesheet"
+    />
     <link
       href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500;700&display=swap"
       rel="stylesheet"