-
-
-
diff --git a/navbar.css b/navbar.css
index 991f4cf..c79e9c3 100644
--- a/navbar.css
+++ b/navbar.css
@@ -1,9 +1,3 @@
-.header {
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
.headerbutton {
border: none;
border-radius: 8px;
@@ -28,6 +22,39 @@
z-index: 10;
}
+.topbar-group {
+ display: flex;
+ justify-content: space-between;
+ margin-left: 1cm;
+ margin-right: 1cm;
+}
+
+@media only screen and (max-width: 750px) {
+ .topbar-group {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ margin-left: 0cm;
+ margin-right: 0cm;
+ }
+
+ .headerbutton {
+ border: none;
+ border-radius: 8px;
+ justify-content: center;
+ align-items: center;
+ text-decoration: none;
+ display: flex;
+ font-size: 14px;
+ margin: 4px 2px;
+ padding-left: 0.2cm;
+ padding-right: 0.2cm;
+ cursor: pointer;
+ height: 35px;
+ transition-duration: 0.2s;
+ }
+
+}
@media (prefers-color-scheme: light) {
.headerbutton {
@@ -61,4 +88,4 @@
border: 1px solid #1f1f1f;
color: #ffffff;
}
-}
+}
\ No newline at end of file