body {
        margin: 0;
        padding-top: 10%;
        width: 100%;
        height: 100%;
        background-color: #f3f3f3;
        overflow: hidden;
}

.login-text {
        color: #386FA4;
}

.login-form {
        border: 0px solid #f0f0f0;
        border-radius: 8px 0px 8px 0px;
        box-shadow: 2px 2px 10px lightgrey;
        display: block;
        padding: 10px;
        max-width: 20em;
        margin: auto;
        background-color: white;
        text-align: center;
}

.login-form form {
        padding: 10px;
}

.login-form input {
        width: 100%;
        padding: 12px 20px;
        box-sizing: border-box;
        margin-top: 10px;
}

.loginbutton {
        -webkit-appearance: none;
        border: 0px solid black;
        border-radius: 2px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        padding: 10px;
        width: 100%;
        color: white;
        background-color: #386FA4;
}