/**
 * @Author Alex Judd (apjudd@ncsu.edu)
 * @Author Brooke M. Wu (bwu25@ncsu.edu) this file is her work from 
 * `currentlyReading.css`, but refactored to apply to the index page.
 * 
 * TODO: refactor CSS that is shared between pages into a single CSS file.
 */

/* Mobile */
@media only screen and (max-width: 1024px) {
    #primaryContainer {
        display: flex;
        flex-direction: column;
    }
}

/* Desktop */
@media only screen and (min-width: 1024px) {
    #primaryContainer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* Both */
body {
    padding: 1em;
}

#primaryContainer {
    gap: 1em;
}

input[name="pagecount"] {
    width: 10.5em;
    margin-left: auto;
}