Update dev server

resources/styles/main.css

@@ -258,7 +258,7 @@ table {
 }
 
 td {
-  padding: 1em;
+  padding: 1vw;
   border: solid 1px black;
 }
 
@@ -267,7 +267,7 @@ td {
   flex-direction: row;
   background: linear-gradient(to left, #1d60b5, #3b8fff);
 }
-.documents a {
+.documents .document {
   margin: 0 5vw 0 0;
   padding: 1vh 1vw;
   flex: 1;
@@ -276,51 +276,48 @@ td {
   text-align: center;
   border-radius: 20px;
 }
-.documents a:last-of-type {
+.documents .document:last-of-type {
   margin: 0;
 }
-.documents a:hover {
+.documents .document:hover {
   background-color: rgba(255, 255, 255, 0.75);
   transition: 250ms cubic-bezier(0.4, 0, 1, 1);
 }
-.documents a:hover img {
+.documents .document:hover img {
   filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%);
 }
-.documents a:hover h1 {
+.documents .document:hover h1 {
   color: #1d409d;
 }
-.documents a img {
+.documents .document img {
   margin: 0 0 2.5vh 0;
   height: 100px;
 }
-.documents a h1 {
+.documents .document h1 {
   color: white;
   font: 600 18px Montserrat, sans-serif;
 }
 @media screen and (max-width: 1515px) {
-  .documents a {
+  .documents .document {
     display: inline-flex;
     align-items: center;
     margin: 0 0 4.5vh 0;
   }
-  .documents a:last-of-type {
+  .documents .document:last-of-type {
     margin: 0;
   }
-  .documents a img {
+  .documents .document img {
     margin: 0 2.5vw 0 0;
   }
-  .documents a h1 {
+  .documents .document h1 {
     text-align: left;
   }
 }
 @media screen and (max-width: 420px) {
-  .documents a img {
+  .documents .document img {
     width: 50px;
     margin: 0 2vw 0 0;
   }
-  .documents a h1 {
-    font: 500 12px Montserrat, sans-serif;
-  }
 }
 @media screen and (max-width: 1515px) {
   .documents {
@@ -611,6 +608,7 @@ html, body {
   padding: 0;
   background-color: #364040;
   scroll-behavior: smooth;
+  font-family: sans-serif;
 }
 
 .content-spacing {