html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

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

body {
    margin-bottom: 60px;
    background-color: #fff8e1;
    color: #3e2723;
    font-family: "Segoe UI", sans-serif;
}

/* Navbar */
.navbar {
    background-color: #ffe0b2 !important;
    border-bottom: 2px solid #ff9800;
}

    .navbar .nav-link,
    .navbar .navbar-brand,
    .dropdown-menu .dropdown-item {
        color: #3e2723 !important;
    }

        .navbar .nav-link:hover,
        .dropdown-menu .dropdown-item:hover {
            background-color: #ff9800;
            color: #fff8e1 !important;
        }

/* Dropdown menu */
.dropdown-menu {
    background-color: #ffe0b2;
}

/* Buttons & inputs */
.btn-link {
    color: #3e2723 !important;
}

    .btn:focus,
    .btn:active:focus,
    .btn-link.nav-link:focus,
    .form-control:focus,
    .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem #fff8e1, 0 0 0 0.25rem #ff9800;
        transition: box-shadow 0.3s ease-in-out;
    }

/* Footer */
footer.footer {
    background-color: #ffcc80;
    color: #3e2723;
    border-top: 2px solid #ff9800;
}