/* Floating Action button positioning */
.mdc-fab {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    color: black;
}

@media(min-width: 1024px) {
    .mdc-fab {
        bottom: 1.5rem;
        right: 1.5rem;
    }
}

/* Limit how big cards get */
.mdc-card {
    width: 350px;
}

/* Make the content preview scrollable and not the reset of the page. */
#formPreview {
    overflow-y: scroll;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 0%;
}

/* #formFields {
    overflow-y: auto;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
} */

/* Make the main body non scrollable. */
/* body {
    overflow: hidden;
} */