body {
    background-color: #ffcae4;
    color: rgb(50, 30, 10);
    font-family: 'Merriweather', serif;
}
.btn {
    color: white;
    background-color: var(--bs-pink);
    border-style: none;
}

    /* Disabled Button Styles */
    .btn:disabled,
    .btn[disabled] {
        background-color: #f8bfbf; /* A lighter pink for disabled state */
        color: white; /* Keep the text color white */
        border-style: none; /* Ensure no border */
        opacity: 1; /* Remove Bootstrap's default opacity for disabled buttons */
        cursor: not-allowed; /* Show "not-allowed" cursor for disabled state */
    }

h1,h2,h3,h4 {
    color: #9c780a;
}

.btn:hover {
        color: white;
        background-color: #9c780a;
        border-color: var(--bs-btn-hover-border-color);
}

.row {
    padding: 7px;
}