.glow{
    animation-name:glow;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}

div#overlay{
    background-image: url("images/overlay.jpg");

    min-height: 30vh;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-attachment: fixed;
    background-size: cover;
}

.service-icons{
    height: 7rem;
}

.service-icons i{
    transition: 0.3s;
}

.service-icons i:hover{
    color: #355794;
    transition: 0.5s;
}

hr{
    color: linear-gradient(90deg, rgba(25, 160, 120, 1) 40%, rgba(0, 71, 147, 1) 100%);
}


footer{
    background-color: lightgray;
}

@keyframes glow{
    from{text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;}
    to{text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;}
}

@keyframes glow-dark{
    from{text-shadow:0px 0px 1px #19a078,0px 0px 1px #004793;}
    to{text-shadow:0px 0px 7px #19a078,0px 0px 5px #004793;}
}

[data-bs-theme="dark"] .glow{
    animation-name:glow-dark;

}

[data-bs-theme="dark"]{
    body {
        background-color: #212529 !important;
        color: #f8f9fa;
    }
    
    .navbar-brand {
        color: #f8f9fa;
    }

    div#overlay{
        color: black;
    }

    footer{
        background-color: rgb(66, 66, 66);
        color: white;
    }
}