diff --git a/css/main.scss b/css/main.scss index b4ce8d8..060194e 100644 --- a/css/main.scss +++ b/css/main.scss @@ -4,12 +4,12 @@ // Set up variables $colors: ( primary: #176587, - secondary: #30D48B, + secondary: #34D399, secondary-heading: #3cf9a5, light-secondary: #87ffca, - button-bg: #30d48b4a, + button-bg: #10b98114, dark-primary: #185570, - dark-secondary: #22B573, + dark-secondary: #059669, text-color: #333333, text-light: #545454, @@ -209,7 +209,7 @@ nav { li a:hover { background-color: color(secondary); border-radius: 10px; - transition: background-color 0.5s ease-out; + transition: background-color 0.3s ease-out; } } @@ -492,8 +492,9 @@ nav { .modules { background-color: white; box-shadow: 4px 10px 10px rgba(0, 0,0, 0.03); - border-radius: 3px; - padding: 2rem; + border-radius: 15px; + padding: 1.5rem; + border: 1px solid color(grey-color); p { a, a:active, a:visited { @@ -506,24 +507,29 @@ nav { border-radius: 6px; text-decoration: none; text-transform: capitalize; - margin:8px 5px 0px 0px; - padding: 5px; - transition: .7s ease-out; + margin:10px 10px 0px 0px; + padding: 6px 10px; + transition: .3s ease-out; } a:hover { background-color: color(dark-secondary); color: white; - transition: background-color 1s ease-out; + transition: background-color .3s ease-out; } } + h2 { + text-align: left; + } + h2 a { color: inherit; text-decoration: none; } p { + text-align: left; padding: 1rem 0rem 0rem; color: color(text-light); } @@ -646,7 +652,7 @@ footer { &:hover { background-color: color(dark-secondary); - transition: all .5s ease-in-out; + transition: all .3s ease-in-out; } } }