.post-content img {
    max-width: 100%;
    height: auto;
}


.tooltip-img {
    opacity: 1 !important;
}

.masthead {
    padding-bottom: 200px !important;
}

@media (min-width: 768px) {
    .img-container img {
        max-width: 200px;
        width: auto;
    }
}


.modal-fullscreen .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-fullscreen .modal-body img {
    max-width: 100%;
    max-height: 100%;
    object-fit: fill;
}


.is-invalid {
    border-color: red;
}

.shake {
    animation: shake 0.5s;
}

@keyframes shake {
    0% { transform: translateX(-5px); }
    25% { transform: translateX(5px); }
    50% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}

.pride {
    background: linear-gradient(90deg,
        #E40303 0%,   #E40303 16.666%, /* Red stripe */
        #FF8C00 16.666%, #FF8C00 33.333%, /* Orange stripe */
        #FFED00 33.333%, #FFED00 50%, /* Yellow stripe */
        #008026 50%,  #008026 66.666%, /* Green stripe */
        #004CFF 66.666%, #004CFF 83.333%, /* Indigo stripe */
        #732982 83.333%, #732982 100% /* Violet stripe */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}