+8 -13

src/App.css

Reviewed

··· 79 79 background: var(--navbar-bg); 80 80 border: 5px solid var(--card-border); 81 81 border-radius: 12px; 82 82 - box-shadow: none; 83 83 - gap: 15px; 84 84 - justify-content: center; 85 85 - margin: 10px auto; 86 86 - padding: 20px 30px; 82 82 + transition: background-color .3s ease,border-color .3s ease; 87 83 display: flex; 88 84 flex-direction: column; 89 89 - transition: background-color 0.3s ease, border-color 0.3s ease; 85 85 + gap: 10.5px; 90 86 } 91 87 92 88 input { ··· 103 99 color: var(--text); 104 100 transition: all 0.3s ease; 105 101 font-family: articulat-cf; 106 106 - } 107 107 - 108 108 - @media (max-width: 450px) { 109 109 - input { 110 110 - max-width: 85%; 111 111 - margin: auto; 112 112 - } 113 102 } 114 103 115 104 input:hover { ··· 241 230 242 231 .alt-card h1 { 243 232 text-align: center; 233 233 + } 234 234 + 235 235 + @media (max-width: 330px) { 236 236 + input { 237 237 + margin: 0; 238 238 + } 244 239 } 245 240 246 241 .disclaimer {

-1

src/components/Login/Login.css

Reviewed

··· 62 62 font-family: inherit; 63 63 text-align: center; 64 64 box-sizing: border-box; 65 65 - margin: 0; 66 65 } 67 66 68 67 .login-input-field:hover,