Style and font update

style.css

@@ -3,17 +3,10 @@
 }
 
 @font-face {
-  font-family: 'nkfont';
+  font-family: "Bookerly";
   font-style: normal;
   font-weight: normal;
-  src: url('/font/Rubik-Regular.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'nkfont';
-  font-style: normal;
-  font-weight: bold;
-  src: url('/font/Rubik-Bold.woff2') format('woff2');
+  src: url("/font/Bookerly.ttf") format("woff2");
 }
     
 html,
@@ -23,12 +16,16 @@ body {
 }
 
 body {
-  font-family: 'nkfont', sans-serif;
-  font-size: 18px;
+  font-family: "Bookerly", Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+  font-feature-settings: "tnum";
+  font-variant-numeric: tabular-nums;
+  font-size: 20px;
   line-height: 1.5;
+  font-weight: 400;
+  text-decoration: none;
   color: #444;
   width: 670px;
-  margin: 1em;
+  margin: 1em auto;
 }
 
 a {
@@ -36,10 +33,12 @@ a {
   color: #0060FF;
   text-decoration: none;
   padding-bottom: 0px;
+  border-bottom: 2px solid #0060FF;
 }
 
 a:hover {
-  transform:translateY(2px);
+  color: black;
+  border-bottom: 2px solid black;
 }
 
 .header {
@@ -49,35 +48,27 @@ a:hover {
   border: none;
 }
 
+.header:hover {
+  border-bottom: none;
+}
+
 .header p {
   font-size: 20px;
   color: #0061FF;
-  letter-spacing: 1px;
   margin-left: 10px;
 }
 
 .logo {
   border-radius: 50%;
-  background: #0061FF;
   height: 75px;
   width: 75px;
 }
 
 .logo > img {
   border-radius: 50%;
-  mix-blend-mode: screen;
 }
 
-.header:hover {
-  transform: none;
-}
-
-.header:hover img {
-  border: none;
-  mix-blend-mode: normal;
-}
-
-.header:hover p {
+.header p {
   color: #444;
 }