body {    
    font-family: Arial;
}

#background-img {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center; 
}

#login-card {
    width: 32em;
    margin: 8em auto;
    left: 0;
    right: 0;
    position: absolute;
}

.inputtext {
    border-width: 0.5px !important; 
    border-color: #149ED3 !important;
    color: #149ED3 !important;
}

input::placeholder {
    font-size: medium;
    font-family: Arial;
    opacity: 1;
}

button.ui.button {
    color: white;
    background-color: #149ED3;
}

button.ui.button:hover, button.ui.button:focus {
    color: white;
    background-color: #F9AF42;
}

#warningbox {
    margin-top: 2em;
}