/* PAGE WRAPPER – isolates styles */
.abcxc {
    background-color: #fdef98;
    font-family: "Comic Neue", "Comic Sans", cursive;
    min-height: 100vh;
    padding: 60px 15px;
    color: #5a3e1b;
    text-align: center;
}

/* TOP HEADING */
.abcxc-title {
    font-size: 38px;
    margin-bottom: 25px;
    color: #734100; /* brown restored */
}

/* cursive usage */
.cursive {
    font-family: 'Dancing Script', cursive;
}

/* CARD */
.abcxc-box {
    max-width: 520px;
    margin: 0 auto;
    background: #fff2c2;
    padding: 35px 30px;
    border-radius: 16px;
    box-shadow: 0 0 18px rgba(0,0,0,0.12);
}

/* BOX TITLE */
.box-title {
    font-size: 26px;
    margin-bottom: 15px;
    color: #8b4e00;
}

/* TEXT */
.abcxc-text {
    font-size: 16px;
    margin-bottom: 30px;
}

/* BUTTON */
.abcxc-btn {
    display: inline-block;
    background: #f39f05;
    color: #fff;
    padding: 13px 28px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.25s;
}

.abcxc-btn:hover {
    background: #ea830e;
}