/* Login page */
#login-content-wrapper {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0;
    width: 100vw; 

    background: linear-gradient(
        217deg,
        rgba(255, 0, 255, 0.6),
        rgba(255, 0, 0, 0) 70.71%
      ), linear-gradient(127deg, rgba(255, 145, 0, 0.8), rgb(0 255 0 / 0%) 70.71%),
      linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%);
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
}
#login-box {
    background-color: white;
    color: black;
    width: 30em;
    height: 30em;
    padding: 2em;
    overflow: scroll;
    display: flex;
    flex-direction: column;

    border-radius: 20px;

    box-shadow: 0px 0px 18px 0px rgb(0, 0, 0);
}
@media screen and (max-width: 688px) {
    #login-box {
        background-color: white;
        width: calc(90vw - 4em);
        height: calc(80vh - 4em);
        padding: 2em;
    
        box-shadow: 0px 0px 18px 0px rgb(0, 0, 0);
    }
}
#login-button {
    width: 100%;
}