.flex {
    margin-left: 0;
}


.loginSpacer {
    height: 33%;
}

#login {
    width: 100%;
    height: 100%;
}

#content {
    height: 85%;
    width: 100%;
    padding: 5%;
}

#menu {
    height: auto;
    width: 100%;
    padding: 5%;
}
#mainPage {
    width: 100%;
    height: 100%;
}

.screen {
    width: 95%;
    height: 100%;
}

.button {
    width: 100%;
}

#taskButton {
    padding-left: 0;
}

#historyContent {
    height: 75%;
    overflow: scroll;
    width: 100%;
}

#stats {
    height: 25%;
    width: 100%;
}

#tasks {
    overflow: scroll;
}

pre {
    padding: 0;
    background: white;
    border-radius: 0;
}

#taskCard {
    margin-top: 45%;
}