Added an header and other components

styles/anchoring.css

@@ -0,0 +1,16 @@
+.anchoring {
+    text-align: center;
+}
+
+.anchoring h1 {
+    margin-bottom: -35px;
+}
+
+.anchoring h1, .anchoring h1:hover {
+    color: white;
+}
+
+.anchoring img {
+    width: 128px;
+    height: 128px;
+}

styles/header.css

@@ -0,0 +1,35 @@
+.navbar {
+    font-family: 'Nunito', sans-serif;
+    background: var(--header-BackgroundColor);
+    color: var(--header-textColor);
+    z-index: 9999;
+}
+
+.navbar .navbar-brand h3 {
+    margin-bottom: 0;
+}
+
+.navbar .navbar-brand .title {
+    font-size: 1.5rem;
+}
+
+.navbar .navbar-brand .subtitle {
+    font-size: .9rem;
+}
+
+.navbar .nav-item .nav-link {
+    font-size: 1.4rem;
+    font-weight: 400;
+}
+
+.external-link-icon:after {
+    content: "";
+    position: relative;
+    display: inline-block;
+    left: 5px;
+    top: 2px;
+    background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzUuNzg4IDE4IDQ2LjU2NCA0Ny4yMjRhNC40MDIgNC40MDIgMCAwIDAgMCA2LjIyMyA0LjQwMyA0LjQwMyAwIDAgMCA2LjIyMyAwTDgyIDI0LjIzM3Y5Ljc3QTQuMDAxIDQuMDAxIDAgMCAwIDg2IDM4YzIuMjA1IDAgNC0xLjc5IDQtMy45OTdWMTMuOTk3YzAtMS4xMDEtLjQ0Ny0yLjEtMS4xNy0yLjgyNEEzLjk4MyAzLjk4MyAwIDAgMCA4Ni4wMDIgMTBINjUuOTk3QTQuMDAxIDQuMDAxIDAgMCAwIDYyIDE0YzAgMi4yMDUgMS43OSA0IDMuOTk3IDRoOS43OTFaTTkwIDU4VjM4Ljk4NSA4MC4wM2MwIDUuNTA2LTMuOTY3IDkuOTctOC44NjcgOS45N0gxOC44NjdDMTMuOTcgOTAgMTAgODUuNTI3IDEwIDgwLjAzVjE5Ljk3YzAtNS41MDYgMy45NjctOS45NyA4Ljg2Ny05Ljk3aDQyLjdINDJhNCA0IDAgMSAxIDAgOEgyMC4yNzhDMTkuMDA1IDE4IDE4IDE5LjE5NSAxOCAyMC42NjlWNzkuMzNDMTggODAuNzggMTkuMDIgODIgMjAuMjc4IDgyaDU5LjQ0NEM4MC45OTUgODIgODIgODAuODA1IDgyIDc5LjMzMVY1OGE0IDQgMCAxIDEgOCAwWiIgZmlsbD0iI2ZmZDM5YyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=') center center;
+    background-size: contain;
+    height: 16px;
+    width: 16px;
+}

styles/styles.css

@@ -0,0 +1,21 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
+@import "header.css";
+@import "anchoring.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html {
+    scroll-padding-top: 7.25rem;
+
+    --body-BackgroundColor: #f5f5f5;
+    --primaryColor: #124498;
+    --header-BackgroundColor: var(--primaryColor);
+    --header-textColor: #ffd39c;
+}
+
+body {
+    font-family: 'Questrial', sans-serif;
+}