body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

/* Primary Color */
.btn,
.nav-wrapper {
    background-color: #000000;
}

/* Secondary Color */
.btn-secondary {
    background-color: #FFFFFF;
    color: #000000;
    /* Text color for the white button */
}

/* Accent Colors */
.btn-accent-1 {
    background-color: #666666;
}

.btn-accent-2 {
    background-color: #333333;
}

/* Background Color */
body {
    background-color: #FAFAFA;
}

/* Error Color */
.btn-error {
    background-color: #FF3333;
}

/* Success Color */
.btn-success {
    background-color: #33FF66;
}

/* Text Color for Primary buttons */
.btn,
.nav-wrapper {
    color: #FAFAFA;
}

/* Footer Colors */
.page-footer {
    background-color: #333333;
}

.page-footer .container,
.page-footer .container .text-lighten-4 {
    color: #FAFAFA;
}

.page-footer a {
    color: #666666;
}

.page-footer .container .text-lighten-4 a {
    color: #999999;
    /* A slightly lighter gray */
}

.page-footer .footer-copyright {
    background-color: #2E2E2E;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
    background-color: #FF6600;
}

/* For raised buttons */
.btn:not(.disabled):hover,
.btn-large:not(.disabled):hover,
.btn-small:not(.disabled):hover {
    background-color: #FF6600;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}