@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body {
    max-width: 100vw; min-height: 100vh;
    background-image: linear-gradient(lightgreen, rgb(250, 250, 110));
    color: #000050;
}

header {
    margin: 10px auto; margin-top: 0;
}

h1, h2, p {
    padding: 10px;
    text-align: center;
    font-family: 'Lora', serif;
}

p {
    width: 75%; margin: 0 auto;
    text-align: start;
    font-weight: bolder;
    font-family: 'Gill Sans MT', sans-serif;
}

table {
    border: 1px solid #000050;
    box-shadow: 2px 2px 5px #000050;
    margin: 20px auto;
    width: 75%;
    background-color: #D7E5F0;
    border-collapse: collapse;
}

th, td {
    border: 1px solid #000050;
    padding: 5px;
}

th {
    background-color: skyblue;
    font-size: 1.3em;
    font-family: 'Lora', serif;
}

tr:nth-child(even) {
    background-color: lightblue;
}

td {
    font-family: 'Gill Sans MT', sans-serif;
    text-align: center;
}

table caption {
    font-weight: bold;
    font-family: 'Lora', serif;
    background-color: #D7E5F0;
    border: 1px solid #000050; box-shadow: 2px 2px 5px #000050;
    text-align: right;
    caption-side: bottom;
    padding: 6px;
}

@media print {
    body {
        color: black;
        background-color: white;
    }

    p {
        width: 6.5in;
    }

    table {
        border: 2px solid gray;
        width: 6.5in;
        page-break-inside: auto;
    }

    tr {
        page-break-inside: avoid; page-break-after: auto;
    }

    .test::after {
        display: block; width: 6.3in;
        border: 1px dotted black;
        margin: 50px auto; text-align: center;
        padding: 8px;
        content: "'I never lose. I either win or I learn.' - Nelson Mandela";
    }
}