.download-button {
    margin: 3rem auto;
    height: fit-content;
    width: min(600px, 100%);
    container-type: inline-size;
    background-color: var(--logo-red);
    border-radius: 20px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: scale 0.3s ease;
    transform-origin: center;

    a {

        font-size: 6cqw;
        color: white;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        margin: 1rem;
        display:block;
        width: 100%;
    }
}

.download-button:hover {
    transform: scale(0.95);
}



.labbook {
    width: 90%;
    height: calc(90vh - var(--header-height));
    margin: auto;
    padding: 1%;
    background-color: var(--logo-yellow);
}

.labbook-alternate {
    display: none;
}

@media (max-width: 650px) {
    .labbook {
        display: none;
    }
    .labbook-alternate {
        display: flex;
    }
}