.pointer:hover {
    cursor: pointer;
}

.pointer {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.absolutly-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.bg-glass {
    background-color: rgba(255, 255, 255, .3);
    backdrop-filter: blur(5px);
}

.bg-soft {
    background: #fafafa !important;
}

html {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.more-rounded {
    border-radius: .5rem;
}

.bg-muted {
    background: rgb(206, 212, 218) !important;
}

a:hover {
    text-decoration: none;
}

.loader-fix-center {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes background-flash {
    0% {
        background-color: Yellow;
        opacity: 1;
    }

    33% {
        background-color: white;
    }

    66% {
        background-color: Yellow;
    }

    99% {
        background-color: white;
    }

    100% {
        background-color: white;
    }
}

.background-flash {
    -webkit-animation-name: background-flash;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}