change hr format

Author: carlosjorger

css/navbar.css

@@ -16,7 +16,7 @@
   position: fixed;
   top: 0;
   width: 100%;
-  z-index: 9999;
+  z-index: 4;
   background-color: rgba(var(--default-background-color), 0.5);
   backdrop-filter: blur(6px);
   box-shadow: 5px 0px 20px;
@@ -92,28 +92,29 @@
   transition: all 0.8s ease-in;
 }
 #nav-columnar-menu {
+  font-size: 0.9rem;
   position: absolute;
   margin-top: 0;
   background-color: rgb(38, 26, 50);
   width: 75%;
   height: 100vh;
   left: -100vw;
-  transition: all 0.3s ease-in;
+  transition: all 0.3s ease-out;
 }
 #nav-columnar-menu-list {
   list-style-type: none;
   padding: 0;
 }
 #nav-columnar-menu.active {
   left: 0;
-  transition: all 0.8s ease-in;
+  transition: all 0.8s ease-out;
 }
 
 .nav-element {
   display: flex;
   text-align: left;
   padding: 0.5em;
-  padding-left: 2em;
+  padding-left: 5em;
   transition: all 0.5s ease-in-out;
   justify-content: flex-start;
   align-items: center;
@@ -127,5 +128,5 @@
   padding: 0;
 }
 .nav-link-label {
-  padding-left: 2em;
+  padding-left: 1.5em;
 }

css/styles.css

@@ -60,14 +60,10 @@ i {
   color: var(--default-secundary-font-color);
 }
 hr {
+  width: 80%;
   border: 0;
-  height: 1px;
-  background-image: linear-gradient(
-    to right,
-    black,
-    rgba(0, 255, 255, 0.75),
-    black
-  );
+  height: 0.05em;
+  background: var(--default-font-color);
 }
 /* || UTILITIES */