[NP] start of dynamic notch
diff --git a/styles/Components/header.module.css b/styles/Components/header.module.css
index 244a474..6d6b338 100644
--- a/styles/Components/header.module.css
+++ b/styles/Components/header.module.css
@@ -44,6 +44,7 @@
padding-right: 10px;
margin-top: 20px;
margin-bottom: 20vh;
+ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}
.title {
diff --git a/styles/Components/navbar.module.css b/styles/Components/navbar.module.css
index 74d7eea..7ca3c5f 100644
--- a/styles/Components/navbar.module.css
+++ b/styles/Components/navbar.module.css
@@ -13,20 +13,19 @@
}
.container {
- position: fixed;
- top: 0;
+ height: 42px;
+ width: 100%;
+
display: flex;
+ flex-direction: row;
justify-content: left;
align-items: center;
- flex-direction: row;
- overflow-y: hidden;
gap: 10px;
- height: 42px;
- padding: 5px;
padding-left: 25px;
-
- z-index: 69;
+ padding-block: 5px;
+ transition: 0.3s ease-in-out;
+ overflow: hidden;
}
.divider {
@@ -50,4 +49,26 @@
.skipNav:focus {
width: 100%;
overflow: auto;
+}
+
+.slideUp {
+ transform: translateY(-100%);
+}
+
+.cutoffContainer {
+ position: fixed;
+ height: 42px;
+ width: 100%;
+
+ top: 0;
+ overflow: hidden;
+ z-index: 100;
+}
+
+
+.message {
+ font-size: 1.2rem;
+ padding-left: 10px;
+ color: white;
+ transition: color 0.3s ease-in-out;
}
\ No newline at end of file