1 files changed, 48 insertions, 15 deletions

diff --git a/style.css b/style.css
index 76df8ad..77193de 100644
--- a/style.css
+++ b/style.css
@@ -139,30 +139,63 @@ nav {
     height: 100vh;
     width: 0;
     position: fixed;
-    z-index: 10;
+    z-index: 101;
     top: 0;
     left: 0;
-    background-color: #111;
     overflow-x: hidden;
-    padding-top: 60px;
     transition: 0.4s;
     margin: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    background-color: #222E50ee;
 }
 
+.sidepanel a {
+    text-decoration: none;
+    font-size: 25px;
+    color: white;
+    display: block;
+    transition: 0.3s;
+    margin-bottom: 10px;
+}
+
+.sidepanel .logo-img {
+    margin-bottom: 20px;
+}
+
+.sidepanel .link::before{
+    background-color: var(--secondary-color);
+}
+
+
+/* When you mouse over the navigation links, change their color */
+.sidepanel a:hover {
+    color: #2BB673;
+}
+
+/* Position and style the close button (top right corner) */
+.sidepanel .closebtn {
+    position: absolute;
+    top: 0;
+    right: 25px;
+    font-size: 36px;
+    margin-left: 50px;
+}
+
+
 #hamburger-box {
     padding: 10px;
     position: fixed;
     height: fit-content;
     top: 0;
-    z-index: 2;
     width: 100%;
     justify-content: space-between;
     background-color: rgb(43,42,45,0.6);
     margin: 0;
+    display: none;
+    z-index: 100;
 }
 
 /* Style the button that is used to open the sidepanel */
@@ -358,7 +391,7 @@ full menu & ta_calendar
 
 .important-note > p {
     padding-left: 10px;
-    margin-bottom: 10px;
+    margin: 5px 0 10px 0;
 }
 
 .embedded-iframe {
@@ -617,7 +650,6 @@ faq area
 }
 
 #faq h2 {
-    padding-top: 2rem;
     font-size: 2rem;
     font-weight: 400;
 }
@@ -640,8 +672,8 @@ faq area
     filter: opacity(0.5);
 }
 
-#faq footer {
-    padding-top: 5rem;
+footer {
+    padding-top: 1.5rem;
     text-align: right;
 }
 
@@ -663,11 +695,6 @@ img {
     margin-bottom: 0.25rem;
 }
 
-#hamburger-box {
-    display: none;
-    z-index: 100;
-}
-
 #nav {
     display: none;
     position: fixed;
@@ -748,15 +775,21 @@ img {
     .nav-flex {
         display: none;
     }
+    .title-info-flex {
+        margin-top: 55px;
+    }
     .title-flex {
-        margin-top: 60px;
+        justify-content: flex-start;
+    }
+    .business-hours {
+        margin-left: 5px;
     }
     .course-title-wrapper {
         margin-top: 50px;
     }
     .video-title-wrapper {
         padding-left: 0;
-        margin: 0 auto;
+        margin: 0;
     }
     .title-info-flex, .title {
         max-width: 90vw;