html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: #fbba00;
    color: black;
    margin-bottom: 60px;
}

.form-control {
    color: black;
}

.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.15rem #fbba00, 0 0 0 0.3rem #00a38a;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus {
    background-color: #00a38a;
    box-shadow: 0 0 0 0.15rem #fbba00, 0 0 0 0.3rem #00a38a;
}

.btn, .btn:hover {
    margin-top: 15px;
    background-color: #00a38a;
    border-color: #00a38a;
    color: white;
}

html {
    min-height: 100%;
}

.label-success {
    color: #00a38a;
}

.label-error {
    color: #f30025;
}

.mybutton:hover {
    background-color: lightgray;
    color: black;
    font-weight: bold;
}

.mybutton-red {
    background-color: red;
    color: white;
    font-weight: bold;
}

.mybutton-green {
    background-color: #00a38a;
    color: white;
    font-weight: bold;
}