update

styles.css

@@ -1 +1,45 @@
 /* css styles */
+* {
+    --logo-teal: #3DA99D;
+    --logo-red: #B7435D;
+}
+
+/* links */
+a {
+    color: #01A99C;
+}
+/* navbar menu links colors */
+.navbar-nav .nav-item .nav-link {
+    color: var(--bs-body-color);
+    /* opacity: 65%; */
+    transition-duration: .5s;
+}
+.navbar-nav .nav-item .nav-link:hover {
+    color: var(--bs-body-color);
+    opacity: 100%;
+    text-decoration: underline 2pt;
+    text-underline-offset: 5px;
+    transition-duration: .5s;
+}
+
+img.navbar-logo {
+    min-height: clamp(10pt, 15vw, 10vh);
+}
+
+/* navbar color */
+.navbar, .navbar-dark {
+    background-color: var(--logo-red);
+}
+.quarto-title-banner {
+    background-color: var(--logo-red);
+}
+
+
+/* callouts color */
+div.callout-note.callout-style-default > .callout-header { background-color: var(--logo-teal); }
+div.callout-note.callout { border-left-color: var(--logo-teal); }
+div.callout-important.callout-style-default > .callout-header {
+    /* background-color: rgba(rgb(var(--logo-red)), 50%) ; */
+}
+div.callout-important.callout { border-left-color: var(--logo-red); }
+