body {
    height: 100%;
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 100px 0 0 0;
    background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
}

#login-wrapper #login-container {
    margin-top: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    padding: 2em;
    text-align: center;
    color: #4f575b;
}

#login-wrapper #login-container .title {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}