styles/style.css

@@ -1,8 +1,8 @@
 /* COLOR VARS */
 :root {
   --main-bg-color: #aac4ee;
-  --accent-color: none;
-  --overlay-color: #027fe59d;
+  --accent-color: #7fa7e6;
+  --overlay-color: #7fa6e6de;
   --main-text-color: #016ec7;
   --link-color: azure;
   --link-visited-color: azure;
@@ -149,16 +149,18 @@ body {
   top: 40px;
   right: 0;
   margin: auto;
-  height: 100%;
   display: block;
   max-width: 250px;
   width: 0;
+  border-top-left-radius: 45px;
+  border-bottom-left-radius: 45px;
   background-color: var(--overlay-color);
   transition: 0.4s;
 }
 #sidebar a {
   padding: 8px 8px 8px 8px;
   margin-top: 10px;
+  margin-bottom: 10px;
   font-family: indie-flower, sans-serif;
   font-weight: 300;
   text-decoration: none;
@@ -174,7 +176,7 @@ body {
 
 /* Footer Styles */
 footer {
-  background-color: #7fa7e6;
+  background-color: var(--accent-color);
   color: white;
   width: 100%;
   position: fixed;