.shine {
    position: absolute;
    top: 0;
    left: -80%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 20%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0) 80%
    );
    filter: blur(25px); /* soft glow */
    mix-blend-mode: overlay; /* interact with image brightness */
    animation: shineMove 4s infinite ease-in-out;
}

@keyframes shineMove {
    0%   { left: -80%; top: 0; }
    50%  { left: 20%; top: -10%; }
    100% { left: 120%; top: 0; }
}
.active {
    color: #60a5fa;
    font-weight: 600;
}
.clip-path-lamp {
    clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
}
.contact-section {
    padding: 50px 0px;
    background-image: url('../photos/background.jpg');
    background-repeat: repeat;
    background-size: 250px 180px;
    background-position: top left;
}
#message-container p {
    cursor: pointer;
}
@media (min-width: 700px) and (max-width: 1000px) {
    #message-container{
        width: 200px !important;
    }
}
.filter-blue {
    filter: invert(100%);
    transition: filter 0.3s ease;
}

.filter-blue:hover {
    filter: invert(100%) brightness(1.2);
}