@media screen and (min-width: 64em) {

    .card-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    input[type="submit"],
    summary, #book-filter-button,
    #close-button, select,
    .flip-card {
        cursor: pointer;
    }
    
    nav a:hover {
        background-color: var(--accent2);
        border: var(--thinBorder);
        border-radius: 10px 0px;
    }

    input[type="text"],
    input[type="email"],
    textarea {
        min-width: 25rem;
        max-width: 35rem;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        background-color: var(--background);
    }

    .form-box {
        grid-column: 1 / 2;
    }

    .other {
        grid-column: 1 / 3;
    }

    h1 {
        font-size: 3rem;
    }

    footer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
    }
}