/* Link main CSS file */
@import url("main.css");

#reference-grid {
    --columns: 2;
    
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
}

@media screen and (max-width: 70em) {
    #reference-grid {
        --columns: 1;
    }
}

.reference-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin: 1em;
    padding: 1em 1.5em;

    border: 0.3em solid white;
    border-radius: 2.5vmax;
}

.reference-pdf {
    width: 100%;
    aspect-ratio: 3 / 4;
}

/* Download buttons */
.download-button {
    display: flex;
    align-items: center;
    margin: 1em;
}

.download-button > svg {
    margin: 0em 0.5em;
}