diff --git a/Css-files/mode-toggler.css b/Css-files/mode-toggler.css
index 24ba661f..9d9e5303 100644
--- a/Css-files/mode-toggler.css
+++ b/Css-files/mode-toggler.css
@@ -1,11 +1,11 @@
-.toggle-container {
+/* .toggle-container {
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
right: -4px;
top: 15px;
- /* position: fixed; */
+ position: fixed;
top: 40px;
right: 20%;
z-index: 100;
@@ -16,7 +16,7 @@
width: 40px;
height: 20px;
margin-top: 10px;
-}
+} */
/* Hidden Checkbox */
@@ -26,7 +26,7 @@
.theme-switch {
position: relative;
- width: 45px;
+ width: 50px;
height: 30px;
background-color: #ccc;
border-radius: 20px;
@@ -44,7 +44,7 @@
font-size: 19px;
position: absolute;
cursor: pointer;
- top: 50%;
+ /* top: 50%; */
transform: translateY(-50%);
transition: opacity 0.5s ease, color 0.5s ease;
}
@@ -84,6 +84,6 @@
}
.switch-checkbox:checked + .theme-switch .toggle-button {
- transform: translateX(13px);
+ transform: translateX(18px);
/* background-color: #34495e; */
}
diff --git a/Css-files/navbar.css b/Css-files/navbar.css
index 649e4ae3..4beb7055 100644
--- a/Css-files/navbar.css
+++ b/Css-files/navbar.css
@@ -106,8 +106,7 @@
.nav-link {
- color:var(--a)
-
+ color:var(--a);
color: var(--primary-text-color);
padding: 4px 8px;
border-radius: 4px;
@@ -117,7 +116,7 @@
.nav-link:hover {
background-color: var(--light-red);
- color: #fff;
+ color: #fff !important;
transform: scale(1.1);
border-radius: 5px;
diff --git a/index.html b/index.html
index f5cfa56b..4f89579f 100644
--- a/index.html
+++ b/index.html
@@ -156,7 +156,7 @@
-
+
Visitors
@@ -275,24 +275,21 @@
-
-->
+