html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    background-color: #212121 !important;
}

/* Nav Bar CSS */
#navBar {
    padding: 0.1rem 1rem;
    margin: 0;
    background-color: #97C932;
    color: white;
}

#navBar a {
    color:  white;
}

#navBar.navbar {
    padding: 0.1rem;
}

#navBar .navbar-nav .dropdown-menu, #navBar .dropdown-item {
    background-color: #97C932;
    color: white;
}

#navBar .dropdown-item:hover {
    background-color: #212121;
}
/* Nav Bar CSS */

.tile {
    background-color: #97C932;
    padding: 1rem;
    margin: 0.5rem 10rem;
}

.tile .input-group {
    margin: 0.2rem;
}

.tile span {
    background-color: black;
    color: white;
    border: none;
}

.tile input {
    background-color: white;
}


.errorInput {
    border: 2px solid red !important;
}

@media (max-width: 600px) {
    .tile {
        margin: 0.5rem;
    }
}