#fourty-five,
#one-hour,
#two-hours,
#three-hours {
    font-family: 'Courier New', Courier, monospace;
}

#product-tracker {
    display: grid;
    gap: 5px;
    grid-template-columns: 66% 33%;
}

#product-registry {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    gap: 5px;

    max-height: 540px;
    overflow: auto;

    padding: 10px;

    color: #000000;

    border: 2px solid #DDDDDD;
    border-radius: 20px;
}

.product-container {
    display: inline;

    padding: 10px;

    border-radius: 15px;

    text-align: center;
}

#active-products {
    display: grid;
    gap: 5px;

    max-height: 540px;
    overflow: auto;

    padding: 10px;

    color: #000000;

    border: 2px solid #DDDDDD;
    border-radius: 20px;
}

.product-in-use {
    padding: 5px;

    background-color: #FFFFFF;

    border-radius: 15px;
}

.product-in-use .use-by {
    font-family: 'Courier New', Courier, monospace;
}

@media (max-width: 720px) {
    #product-tracker {
        grid-template-columns: repeat(2, 50%);
    }

    #product-registry {
        grid-template-columns: 100%;
    }
}