:root {
    --main-font: "Plus Jakarta Sans";
    /*--main-font: "Exo";*/
}

body {
    --dxbl-text-font-family: var(--main-font); /* "Instrument Sans";*/ /*, sans-serif;*/
    --bs-font-sans-serif: var(--main-font); /*"Instrument Sans";, sans-serif;*/
    font-family: var(--main-font); /*"Instrument Sans"; sans-serif;*/
    font-family: var(--main-font); /*var(--dxbl-text-font-family);*/
    --dxbl-text-font-family: var(--main-font); /*"Instrument Sans";, sans-serif;*/
}

/*
.dxbl-image.xaf-nav-menu-item-icon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}

.dxbl-treeview-item-container::before {
    font-family: "Font Awesome 6 Free";
    content: "\f53d";
    font-weight: 900;
    color: slategray;
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}*/

#main-view-content {
     transition: opacity 2s ease-in-out; 
     transition: opacity 2s ease-in-out; 
}

    #main-view-content.show {
        opacity: 1;
        display: block;
        transition: opacity 0.5s ease-in-out;
    }

    #main-view-content.hidden {
        opacity: 0;
        display: none;
        /* transition: opacity 2s ease-in-out; */
    }

.glow {
    /* box-shadow: 0 0 20px rgba(255, 255, 0, 0.8); */
    /* border-color: rgba(255, 255, 0, 0.8); */
    animation: glow-animation 1.5s infinite alternate;
}

@@keyframes glow-animation {
    from {
        box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
    }

    to {
        box-shadow: 0 0 20px rgba(255, 255, 0, 1);
    }
}