add fonts, apply to body

index.html

@@ -24,6 +24,7 @@
         
         <!-- LOCAL CSS -->
         <link rel="apple-touch-icon" href="icon.png">
+        <link rel="stylesheet" href="publiic/css/fonts.css">
         <link rel="stylesheet" href="public/css/keyb.css">
         <link rel="stylesheet" href="public/css/main.css">
         

public/css/main.css

+@font-face {
+    font-family: Sentinel-Light;
+    src: url("fonts/Sentinel-Light.woff");
+}
+@font-face {
+    font-family: Sentinel-Light-Italic;
+    src: url("fonts/Sentinel-LightItalic.woff");
+}
+@font-face {
+    font-family: Sentinel-Semibold;
+    src: url("fonts/Sentinel-Semibold.woff");
+}
+@font-face {
+    font-family: Sentinel-Semibold-Italic;
+    src: url("fonts/Sentinel-SemiboldItalic.woff");
+}
+
+
 body{
     width: 100%;
     height: 100%;
+    font-family: Sentinel-Light;
 }
 .fa{
     font-size: 25px;
@@ -58,7 +77,7 @@ body{
 }
 .section-prompt{
     font-size: 20px;
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: Sentinel-Semibold;
     padding: 40px 20px;
 
 }