diff --git a/css/food-links.css b/css/food-links.css index 441f0b0..0b153d9 100644 --- a/css/food-links.css +++ b/css/food-links.css @@ -44,6 +44,10 @@ border: none; } +.food-link article > a > button:hover { + background-color: var(--hover-red); +} + .food-link-img { position: absolute; bottom: 25px; diff --git a/css/food-lover.css b/css/food-lover.css index 07042cb..0a26ccc 100644 --- a/css/food-lover.css +++ b/css/food-lover.css @@ -34,6 +34,10 @@ border: none; } +.food-lover article > a > button:hover { + background-color: var(--hover-red); +} + .food-lover img { width: 100%; } diff --git a/css/footer.css b/css/footer.css index f76a40e..aa67d66 100644 --- a/css/footer.css +++ b/css/footer.css @@ -2,6 +2,14 @@ footer { padding: 100px 0px; } +footer a { + color: var(--text); +} + +footer a:hover { + color: var(--dark-gray); +} + .cities { display: flex; flex-direction: column; diff --git a/css/header.css b/css/header.css index 970dc5d..4f5d71b 100644 --- a/css/header.css +++ b/css/header.css @@ -23,6 +23,10 @@ ul { .header-menu a { text-decoration: none; font-family: "SulSans", sans-serif; + color: var(--text); +} + +.header-menu a:hover { color: var(--dark-gray); } diff --git a/css/options.css b/css/options.css index cb75d49..468f20a 100644 --- a/css/options.css +++ b/css/options.css @@ -32,6 +32,10 @@ background-color: var(--red-default); } +.card-option:not(.card-option:hover) { + opacity: 0.9; +} + .card-option:last-child { background-color: var(--green-market); } diff --git a/css/search.css b/css/search.css index 0338658..10a6bc9 100644 --- a/css/search.css +++ b/css/search.css @@ -61,6 +61,10 @@ border: none; } +.button-search:hover { + background-color: var(--dark-red); +} + @media screen and (max-width: 900px) { .title-search { width: 90%;