Revert "update"

This reverts commit 834ef7c.

app/docs-styles.css

@@ -0,0 +1,181 @@
+p strong,
+li strong {
+    font-family: 'FreightTextProSemibold', serif;
+}
+
+/* a::before {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    border-radius: 2px;
+    background-color: #7537f8;
+    bottom: -2px;
+    left: 0;
+    transform-origin: right;
+    transform: scaleX(0);
+    transition: transform .3s ease-in-out;
+} */
+
+nav.sub-sites {
+    position: fixed;
+    /* display: flex; */
+    display: none;
+    flex-direction: column;
+    gap: 20px;
+    padding: 20px;
+    width: 240px;
+    height: 100vh;
+    top: 12px;
+    right: 0px;
+    transition: right .3s ease-in-out;
+    z-index: 350;
+}
+
+
+
+.hamburger {
+    z-index: 400;
+    position: fixed;
+    padding: 0;
+    right: 12px;
+    top: 32px;
+    background-color: #ffffff;
+    border-color: transparent;
+    border-radius: 18px;
+    width: 50px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.close {
+    z-index: 380;
+    position: fixed;
+    padding: 0;
+    right: 12px;
+    top: 32px;
+    background-color: #ffffff;
+    border-color: transparent;
+    border-radius: 18px;
+    width: 50px;
+    height: 50px;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.open-nav {
+    display: flex;
+}
+
+.close-nav {
+    display: none;
+}
+
+nav h2 {
+z-index: 11;
+}
+
+nav ul {
+    list-style: none;
+}
+
+nav ul ul {
+    margin-left: 20px;
+}
+
+ul.spaced-list li {
+    margin-bottom: 1rem;
+}
+
+ul.arrow-bullet {
+    list-style-image: url(../../imgs/arrow-right.svg);
+}
+
+main section.cover {
+    display: flex;
+    flex-direction: column;
+    gap: 40px;
+}
+
+nav ul li a {
+    font-family: BiotifMedium;
+    text-transform: none !important;
+    letter-spacing: 0.2px !important;
+}
+
+/* active navbar item */
+#navbar a.active {
+    color: black;
+    border-bottom: 2px solid #7537f8;
+}
+
+
+/* media queries */
+
+@media (max-width: 426px) {      
+    .plfn-logo, .main-logo {
+        align-self: flex-start;
+        width: 77%;
+    }
+    .hamburger, .close {
+        top: 47px;
+    }
+}
+@media (max-widh: 768px){
+    body nav {
+        padding-bottom: 100vh;
+    }
+}
+@media (min-width: 768px) {
+     nav.sub-sites {
+        position: sticky;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+        padding: 20px;
+        width: 250px;
+        height: 100vh;
+        top: 0px;
+        right: unset;
+    }
+
+
+
+    main section.cover {
+        display: grid;
+        align-items: end;
+        grid-template-columns: auto 220px;
+        grid-template-rows: auto;
+        gap: 0px;
+    }
+    section.cover img:first-of-type {
+        grid-column: 2 / 3;
+        grid-row: 1 / 2;
+    }
+    section.cover img+img {
+        grid-column: 2 / 3;
+        grid-row: 2 / 3;
+        align-self: end;
+    }
+    section.cover h1 {
+        grid-column: 1 / 2;
+        grid-row: 1 / 2;
+    }
+    section.cover h2{
+        grid-column: 1 / 2;
+        grid-row: 2 / 3;
+        line-height: 30px;
+        margin-top: 20px;
+    }
+}
+
+img.plfn-logo {
+    left: 20px;
+}
+
+nav h2 {
+    margin-top: 19px;
+}

app/fonts/Biotif.css

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
+ * 
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are 
+ * explicitly restricted from using the Licensed Webfonts(s).
+ * 
+ * You may obtain a valid license at the URLs below.
+ * 
+ * Webfont: HelveticaLTWXX-Roman by Linotype
+ * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
+ * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
+ * 
+ * 
+ * 
+ * © 2020 MyFonts Incn*/
+
+
+
+
+@font-face {
+  font-family: "BiotifMedium";
+  src: url('webFonts/BiotifMedium/font.woff2') format('woff2'), url('webFonts/BiotifMedium/font.woff') format('woff');
+}
+@font-face {
+  font-family: "BiotifExtraBold";
+  src: url('webFonts/BiotifExtraBold/font.woff2') format('woff2'), url('webFonts/BiotifExtraBold/font.woff') format('woff');
+}
+@font-face {
+  font-family: "BiotifBold";
+  src: url('webFonts/BiotifBold/font.woff2') format('woff2'), url('webFonts/BiotifBold/font.woff') format('woff');
+}
+