body {
    display: flex;
}
#loginForm {
    top: 10%;
    left:33%;
    position:absolute;
    padding:1.5em;
    margin: auto;
    width: 40%;
    padding: 10px;
    background-color: #f2f2f2;
}
settings-view paper-card {
    width: 28em;
    position: absolute;
    left: 33%;
    top: 3%;
    background: lightblue;
    padding: 1em 4em;
}
#loginForm paper-button {
    margin-top:1em;
    background: lightyellow;
}

#attendanceForm {
    top: 10%;
    left:33%;
    position:absolute;
    padding:1.5em;
    margin: auto;
    width: 40%;
    padding: 10px;
    background: lightseagreen;
}
#attendanceForm paper-button {
    margin-top:1em;
    background-color: #FFF;
    background: lightyellow;
}

#navButton {
    position:absolute;
    right: 10%;
    background: lightgrey;
}

#users {
    position: absolute;
    top: 5%;
    right: 33%;
    padding: 5px 20px;
    background-color: #6699ff;
}
paper-input {
    margin: 1em 0em;
}