body {
    background-image: url("/images/1-1b225c35822f4f11b1d62385ddcaaadd.jpg");
}

#login {
    width: 300px;
    margin: 10% auto 0 auto;
    text-align: center;
    padding: 24px 48px 24px 48px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
}

#login input[type=text],
#login input[type=password] {
    width: 100%;
    margin: 10px 0;
    padding: 2px;
    background-color: transparent;
    color: #393939;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    outline: none;
}

#login input[type=text]:focus,
#login input[type=password]:focus {
    color: #4690ed;
    border-bottom: 1px solid #4690ed;
}

#login input:autofill,
#login input:autofill:focus {
    box-shadow:0 0 0 1em white inset;
}

#login input:-webkit-autofill,
#login input:-webkit-autofill:focus {
    box-shadow:0 0 0 1em white inset;
}

#login input:-webkit-autofill:focus {
    -webkit-text-fill-color: #4690ed;
}

.title {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    padding: 16px 0 8px 0;
    color: #393939;
}

.subtitle {
    text-align: left;
    font-size: 11px;
    padding: 0 0 16px 0;
    color: #808080;
}

*::-webkit-input-placeholder {
    color: #808080;
}

*::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #808080;
}