body.dm {
            background-image: linear-gradient(to bottom, #184468, transparent), url('../gears.jpeg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: white;
            font-family: 'Noto Serif', serif, Arial;
        }

        .info-div {
            background-color: rgb(212, 212, 212);
            color: black;
        }

        .info-div H3 {
            color: #184468;
        }

        .card-title-custom {
            color: #184468;
        }

        .navbar-custom .navbar-brand,
        .navbar-custom .nav-link {
            color: white;
            transition: color 0.3s ease-in-out;
        }

        .navbar-custom .nav-link:hover {
            color: rgba(255, 255, 255, 0.5);
        }

        .small-divider {
            width: 10vh;
            border: none;
            border-top: 2px solid #184468;
            margin: 20px auto;
        }

        .page-divider-top {
            display: flex;
            width: 100%;
            height: 1vh;
            background: linear-gradient(to top, rgb(212, 212, 212), rgba(0, 0, 0, 0));
        }
        
        .fade-in {
            opacity: 0;

            transition: opacity 2s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
        }