html, body {width: 100%;margin: 0;padding: 0;}body{background: url(ime/bg-38a3c1b814014a43be32b31135e9ef31.jpg) no-repeat center ;background-size: cover;}.login-top {color: #737373;width: 100%;align-items: center;margin-top: 0px;}.login-container {display: flex;flex-direction: column;align-items: center;margin: 0 auto;padding: 0px 0px 30px;width: 100%;max-width: 400px;text-align: center;background-image: linear-gradient(to bottom, rgba(199, 199, 199, 0.14), rgba(199, 199, 199, 0.33));border-radius: 40px 40px 25px 25px;justify-content: center;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);}.login-bd h1 {font-size: 24px;color: #333333;margin-bottom: 20px;}.login_message {color: red;font-size: 14px;margin-bottom: 10px;}.account,.password {display: flex;align-items: center;margin-bottom: 20px;padding: 10px 0;font-size: 18px;background-repeat: no-repeat;background-position: 10px center;}.account {background-image: url(ime/account-9a7adaf331fbfaaa3b26d36c0a4eb081.png);}.password {background-image: url(ime/password-de795060f8bb434cd1c18050949fb9ce.png);}.account input,.password input {flex: 1;padding: 10px;margin: 10px 50px;border: none;font-size: 18px;outline: none;}input[type="text"],input[type="password"] {width: 100%;padding: 10px;margin-bottom: 10px;border: none;border-radius: 4px;font-size: 16px;background-color:#fff;}button {display: block;max-width: 200px;width: 100%;background-color: rgb(196, 196, 196);color: #737373;border: none;border-radius: 4px;padding: 15px 20px;font-size: 18px;cursor: pointer;margin: 50px auto 0;border-radius:25px;transition: background-color 0.3s;}button:active{background-color: #737373;color: #fff;}@media screen and (max-width: 600px) {body{background-color: rgba(0, 0, 0, 0.7);display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 100vh;}.login-container {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 100vh;margin: 0;padding: 0;}.account input,.password input {margin: 10px;}button {max-width: 100%;}}