@media print {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
    }


    header, footer {
        display: none;
    }

    #readSpeak_test {
        display: inline;
        justify-content: center; 
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    h1{
        display: flex;
        width: 100%;
        justify-content: center; 
        align-items: center;
        align-content: center;
        page-break-after: always;
    }
    .card {
        break-inside: avoid;
        page-break-after: always;
        left: 2em;
        width: calc(100% - 4em);
        padding: 0;
        margin: 2em;
        height: calc(100vh - 4em) !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center; 
    }
    .break-after {
        page-break-after: always;
    }
    .break-before {
        page-break-before: always;
    }
    table, tr {
    break-inside: avoid;
    }
}
@media screen {
    .print-logo {
        display: none;
    }
}
@page {
    margin: minimal;
    size: auto portrait; /* or letter */
    /* Removes default browser headers/footers/margins */
    box-sizing: border-box !important;

}