html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
}

main {
    height: 100%;
}

.mdl-layout__content {
    overflow: hidden;
    padding: 10px;
}

.content {
    height: calc(100% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
}

#content {
    align-items: center;
    justify-content: center;
}

#notification {
    display: block;
    text-align: center;
    color: white;
}