color {
    color: rgb(15, 12, 31);
}

color:hover {
    color: rgb(25, 20, 51);
}


color_we {
    color: #371cb1;
}

color.red {
    color: rgb(230, 40, 50);
}

.page-item {
    color: rgba(17, 15, 26, 0.8) !important;
}

.page-link.active .page-link {
    background-color: rgba(17, 15, 26, 0.8) !important;
    border-color: rgb(17, 15, 26) !important; 
}

.box img {
    /* width: 100%; */
    height: auto;
    max-width: 100px;
    max-height: 80px;
    padding: 4px;
    cursor: pointer;
    transition: ease-in .2s;
}

.box img:hover {
    opacity: 0.8;
}

.full-image img {
    height: auto;
    max-width: 450px;
    max-height: 380px;
    padding: 4px;
    animation: simpleAnimation .5s linear 1;
}

@keyframes simpleAnimation{
    0% { opacity: .1; }
    100% { opacity: 1; }
}