body{
    background-image: url("../img/background.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

a[onclick], a[href], .box-link{
    cursor: pointer
}

a.disabled{
    cursor: default !important;
    color: var(--bs-secondary) !important;
}

.hidden{
    display: none !important;
}

.h-875{
    height: 44vh;
}

.h-70{
    height: 35vh;
}

.fs-max{
    font-size: 4rem;
}

.glass{
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(7px);
    border: 1px solid white;
    padding: 2em;
}

.glass-rounded{
    border-radius: 15px;
}

.glass.box-link:hover{
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

ul.nav.tools .nav-link{
    cursor: pointer;
}

ul.dropdown-menu li{
    cursor: default;
}

.nav-link.not-clickable, .nav-link.not-clickable:hover{
    color: black
}

.loaderProgressBarDots::after{
    content: "...  ";
    animation-name: dots;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}


@keyframes dots{
    0%{
        content: "...  ";
    }
    33%{
        content: " ... ";
    }
    66%{
        content: "  ..."
    }
    100%{
        content: "...  ";
    }
}

@media (min-width: 992px){
    .h-875{
        height: 87.5vh;
    }
    .h-70{
        height: 70vh;
    }
}