html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #FDFAF1 !important;
}

.bg-white {
    background-color: #FDFAF1 !important;
}

h1 {
    font-family: 'Sacramento', cursive;
}

.sacremento {
    font-family: 'Sacramento', cursive;
}

.nav-link {
    font-size: 36px;
    font-family: 'Sacramento', cursive;
    padding: 9px;
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 2rem;
        margin-top: 8px;
    }
}

.green-button {
    display: none;
    background: #198754;
}

    .green-button:hover {
        background: #198754;
        border-color: #198754;
    }

.green-border {
    border-color: #198754;
}

.green-button:active {
    background: #198754;
    border-color: #198754; /* Change to your desired focus color */
    outline: none; /* Optional: Remove the default outline */
    box-shadow: 0 0 5px #198754; /* Optional: Add a subtle glow effect */
}

green-button:focus {
    background: #198754;
    border-color: #198754; /* Change to your desired focus color */
    outline: none; /* Optional: Remove the default outline */
    box-shadow: 0 0 5px #198754; /* Optional: Add a subtle glow effect */
}

.green-border:focus {
    border-color: #198754; /* Change to your desired focus color */
    outline: none; /* Optional: Remove the default outline */
    box-shadow: 0 0 5px #198754; /* Optional: Add a subtle glow effect */
}

hr.gray-border {
    border-top: 1px solid #ccc;
}