input[type="text"] {
    font-size: 18px;
}

.button-group {
    margin-bottom: 1em;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
}

.grid {
    border: 1px solid #333;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

.pressbook-cover {
    float: left;
    width: 15em;
    height: 25em;
    margin: 5px;
    padding: 10px;
    background: #555;
    color: #fff;
    overflow-y: scroll;
}

.pressbook-cover img {
    width: 100%;
}

.pressbook-cover img:hover {
    width: 105%;
    transform: translate(-0.25em);
    transition: all 500ms;
}

.pressbook-cover .title {
    text-align: center;
    font-weight: lighter;
}

.pressbook-cover a:link, .pressbook-cover a:visited {
    text-decoration: none;
    color: #fff;
}

.pressbook-cover a:hover {
    font-style: italic;
}


/* Colors for graph components */

.bar {
    fill: steelblue;
    fill: var(--cerulean);
}

.highlight {
    fill: steelblue;
}

@media (max-width: 768px) {
    .pressbook-cover {
        width: 12em;
        height: 20em;
    }
}