diff --git a/css/index.css b/css/index.css index 258dd66..8f606f0 100644 --- a/css/index.css +++ b/css/index.css @@ -3,8 +3,8 @@ *, *::after, *::before { - padding: 0; margin: 0; + padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } @@ -101,6 +101,10 @@ body { border-radius: 20px; width: fit-content; outline: none; + transition: 0.5s; +} +.modal-input:hover { + border: 2px solid #ffffff33; } .modal-input::placeholder { color: white; @@ -109,7 +113,7 @@ body { /* Send button */ .send { position: absolute; - background: #819effd3; + background: #6387ffee; cursor: pointer; top: 50%; right: 17.5px; @@ -117,8 +121,12 @@ body { border: none; height: 25px; border-radius: 20px; + transition: 0.5s; transform: translateY(-50%); } +.send:hover { + background: #89a4ffd3; +} .send img { width: 14px; height: auto;