/* CSS HEX */
:root {

    --jet: #333333ff;
    --columbia-blue: #b9d6f2ff;
    --celadon: #b0f2b4ff;
    --iris: #454adeff;
    --bright-pink-crayola: #fb6376ff;
    }
    
    .btn {
        background-color: var(--iris) !important;
        border-color: var(--iris) !important;
    }
    
    .btn:hover {
        background-color: var(--jet) !important;
        /* color: var(--jet) !important; */
        border-color: var(--jet) !important;
    }
    
    .bg-primary {
        background: var(--columbia-blue) !important;
    }
    
    .bg-primary .container {
        color: var(--jet) !important;
    }
    
    .navbar-brand img {
        width: 10rem !important;
    }

    .card-img-top {
        max-height: 15.5em !important;
        object-fit: cover;
    }

    .post-thumb-sm {
        width: 4em !important;
        height: 4em !important;
        object-fit: cover;
    }