diff --git a/index.html b/index.html
index bca6ea6..fb9380e 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,12 @@
 </html>
 
 <style>
+
+    @font-face {
+        font-family: heartFont;
+        src: url("rainyhearts.ttf");
+    }
+
     @keyframes rainbow_anim {
 
         0%,
@@ -75,7 +81,6 @@
     }
 
     #main-box {
-        height: 60%;
         display: inline-grid;
         grid-template-columns: 50vw 20vw;
         grid-auto-flow: row;
@@ -84,7 +89,7 @@
     }
 
     #main-flex {
-        padding: 40px;
+        padding: 30px;
         border: 3px solid white;
         border-radius: 10px;
         box-shadow: 0px 0px 20px white;
@@ -99,7 +104,7 @@
     }
 
     body {
-        font-family: "rainyhearts";
+        font-family: heartFont;
         font-weight: 800;
         font-size: 23px;
         background-color: black;
diff --git a/rainyhearts.ttf b/rainyhearts.ttf
new file mode 100644
index 0000000..245cd40
Binary files /dev/null and b/rainyhearts.ttf differ