:root {
    --vp-color-primary: #ff0000;
    --vp-color-secondary: #00ff00;
}

.vp-color-primary {
    color: var(--vp-color-primary);
}

.vp-color-secondary {
    color: var(--vp-color-secondary);
}

html.vp-smooth-scroll {
    scroll-behavior: smooth;
}

.vp-content-img-left img {
    margin: 0 1rem 1rem 0;
    width: 50%;
    float: left;
}

.vp-content-img-right img {
    margin: 0 0 1rem 1rem;
    width: 50%;
    float: right;
}

@media only screen and (max-width: 767px) {

    .vp-content-img-left img,
    .vp-content-img-right img {
        width: 100%;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

.vp-content-p p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pagination-lg .page-item .page-link {
    color: gray;
}

.pagination-lg .page-item .page-link:hover {
    background-color: gray;
    color: black;
}

.pagination-lg .page-item.active .page-link {
    background-color: gray;
    border-color: lightgray;
    color: white;
}