diff --git a/style/blue.css b/style/blue.css index 8a6f5fc..e425310 100644 --- a/style/blue.css +++ b/style/blue.css @@ -12,7 +12,8 @@ nav > a:last-child { margin: 10px; /*to collapse margins*/ } -nav > a:hover { +nav > a:hover, +.button:hover { background-color: #bfeaff; } diff --git a/style/main.css b/style/main.css index 1cebb78..ff77983 100644 --- a/style/main.css +++ b/style/main.css @@ -10,7 +10,7 @@ html, body { .button { width: 180px; - flex: auto; + border-radius: 5px; display: block; padding: 20px; background-color: #cde6ea; @@ -24,10 +24,6 @@ html, body { transition: background-color 0.2s ease; } -.button:hover { - background-color: rgba(0, 0, 0, 0.2); -} - nav { display: flex; overflow: hidden; @@ -53,7 +49,8 @@ nav > a.current { background-color: #5db9ef; } -nav > a:hover { +nav > a:hover, +.button:hover { background-color: rgba(0, 0, 0, 0.2); } @@ -184,6 +181,7 @@ nav > a > div { color: #777; text-align: left; + box-sizing: border-box; }