body.about-page{
    margin: 0;
    padding: 0;
    height: 100vh;
    background-color: #E8F1EC;
    font-family: "Merriweather", serif;
    color: #2E2E2E;
    z-index: 0;
}

.about-overlay {
    position: relative;
    z-index: 1;

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
}

.about-box-wrapper {
    padding-top: 40px;

}

.about-box  {
    background-color: #FAFAF5;
    border: 2px #1F3A33;
    padding: 40px;
    border-radius: 12px;
    max-width: 600px;
    text-align: center;
    transition: background-color 0.3s ease;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.about-box:hover {
    background-color: #F3EED9;
}

/* Page-local buffer so the footer never touches the card */
.page-bottom-buffer {
    height: 40px; /* tune as needed */
    flex-shrink: 0;
}


.abort-row {
    margin-top: 60px;
}