.login-container { width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 100px; } .form-group { padding: 10px 0; } .form-group > input { padding: .5em; border: 1px solid #EEE; border-radius: .2em; font-size: 18px; transition-duration: .3s; transition-timing-function: ease-out; transition-property: border-color, box-shadow, background-color, transform; width: 300px; } .form-group > input:focus { outline: none; border-color: transparent; background-color: #FDFDFD; box-shadow: 1px 3px 6px #0001; transform: translate(-2px, -2px); } .submit-btn-wrap { display: flex; flex-direction: column; align-items: center; margin-top: 30px; } .login-container .alert { color: rgb(207, 17, 17); margin-top: 10px; }