/**/
/* Website Under Construction Writeup */
/**/

#contstruction-writeup .flow {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

#contstruction-writeup p {
/*    max-width: 65ch;*/
}



/**/
/* Need Equipment Now */
/**/

#need-equipment-now .flow {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

#need-equipment-now .info {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

#need-equipment-now .card {
    padding: var(--min-padding);
}

#need-equipment-now a.card {
    transition: background-color 150ms ease, border-color 150ms ease;
}

#need-equipment-now a.card:active,
#need-equipment-now a.card:focus {
    background-color: var(--clr-highlight-hover);
    border-color: white;
}



/**/
/* Large Screens */
/**/

@media only screen and (min-width: 750px) {

    #need-equipment-now .info {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #need-equipment-now .info > * {
        flex: 1 1 calc(40%);
    }
}



/* desktop hover effects */

@media (hover: hover) and (pointer: fine) {

    #need-equipment-now a.card:hover {
        background-color: var(--clr-highlight-hover);
        border-color: white;
    }
}



/* Phone tap animations */

@media (hover: none) and (pointer: coarse) {

    #need-equipment-now a.card:active {
        transform: scale(0.96);
    }
}