/* ===== Shared styles for every chapter page ===== */

body {
    font-family: Roboto, sans-serif;
    background: linear-gradient(rgb(151, 151, 151), rgb(210, 210, 210));
    background-attachment: fixed;

    /* Play the entrance animation once when the page loads */
    animation: sweepUp 1s ease-out both;
}

@keyframes sweepUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#header {
    text-align: center;
    padding: 20px;
}

.content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px 40px;
    font-size: 18px;
    line-height: 1.6;
}

/* Inline code, e.g. <code>print()</code> */
code {
    font-family: monospace;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 2px 6px;
    border-radius: 4px;
}

/* A block of code on its own line */
.codeblock {
    display: block;
    margin: 16px 0;
    padding: 14px 18px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px solid rgba(50, 50, 50, 0.475);
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
}