diff --git a/styles/style.css b/styles/style.css index 451fa59..c107a5b 100644 --- a/styles/style.css +++ b/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;