diff --git a/assets/css/style.css b/assets/css/style.css index 25e5ab41..2bd68445 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -207,6 +207,7 @@ body.nav-active { .btn { background-color: #1a1a1a; + /* border-radius: 20px; */ } :is(.btn-primary, .btn-secondary):is(:hover, :focus-visible) { @@ -1416,8 +1417,19 @@ button:hover { font-size: 1.8rem; border-radius: 10px; color: #fff; + width: 75%; + border: 2px solid transparent; + border-radius: 5px; + transition: border 0.3s ease, transform 0.3s ease; + text-align: center; + + } + .btn:hover{ + border: 2px solid white; + transform: scale(1.05); + /* background-color: whitesmoke; } - + /** * HEADER */ @@ -1757,7 +1769,8 @@ button:hover { justify-content: space-between; gap: 8px; - background: var(--light-gray); + /* background: #FF8086; */ + background-color: var(--light-coral); border-radius: 50px; position: relative; } @@ -1795,9 +1808,11 @@ button:hover { transform: translateY(0); } .searchInput::placeholder { - color: var(--light-coral); + + color:rgba(0, 0, 0, 0.4); } .searchInput { + margin-left: 10px; border: none; background: none; outline: none;