Updated the website

styles/anchoring.css

@@ -1,16 +1,28 @@
 .anchoring {
-    text-align: center;
+    font-family: 'Questrial', sans-serif;
 }
 
 .anchoring h1 {
     margin-bottom: -35px;
+    font-size: 2.5rem;
 }
 
 .anchoring h1, .anchoring h1:hover {
     color: white;
 }
 
+.anchoring > a {
+    margin: 0 auto;
+    display: block;
+    width: fit-content;
+}
+
+.anchoring > a:hover {
+    cursor:pointer;
+}
+
 .anchoring img {
     width: 128px;
     height: 128px;
+    margin: 0 auto;
 }

styles/carousel.css

@@ -0,0 +1,7 @@
+.carousel {
+    height: calc(100vh - var(--header-Height));
+    background-position-x: center;
+    background-position-y: bottom;
+    background-repeat: no-repeat;
+    background-size: cover;
+}

styles/header.css

@@ -3,6 +3,13 @@
     background: var(--header-BackgroundColor);
     color: var(--header-textColor);
     z-index: 9999;
+    height: var(--header-Height);
+    padding: 0 3.75rem;
+}
+
+.navbar .navbar-brand img {
+    height: 3rem;
+    width: 2.625rem;
 }
 
 .navbar .navbar-brand h3 {
@@ -10,16 +17,27 @@
 }
 
 .navbar .navbar-brand .title {
-    font-size: 1.5rem;
+    font-size: 1.75rem;
+    font-weight: 350;
+    line-height: 2.1rem;
 }
 
 .navbar .navbar-brand .subtitle {
-    font-size: .9rem;
+    font-size: 1.125rem;
+    font-weight: 250;
 }
 
 .navbar .nav-item .nav-link {
+    font-family: 'Nunito', sans-serif;
     font-size: 1.4rem;
-    font-weight: 400;
+    line-height: 1.5rem;
+    font-weight: 250;
+    white-space: nowrap
+}
+
+.navbar .nav-item .nav-link:hover {
+    color: rgba(255,255,255, .75);
+    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 }
 
 .external-link-icon:after {

styles/styles.css

@@ -2,20 +2,21 @@
 @import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
 @import "header.css";
 @import "anchoring.css";
+@import "carousel.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;
+    --header-Height: 5.375rem;
 }
 
 body {
     font-family: 'Questrial', sans-serif;
+    background-color: var(--body-BackgroundColor);
 }