/* Animation */
.scale-in-center{-webkit-animation:scale-in-center .4s cubic-bezier(.25,.46,.45,.94) .1s both;animation:scale-in-center .4s cubic-bezier(.25,.46,.45,.94) .1s both;}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

.fade-in-fwd{-webkit-animation:fade-in-fwd 1.6s cubic-bezier(.39,.575,.565,1.000) .2s both;animation:fade-in-fwd 1.6s cubic-bezier(.39,.575,.565,1.000) .2s both}
@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.fade-in-fwd-2{-webkit-animation:fade-in-fwd-2 1.6s cubic-bezier(.39,.575,.565,1.000) .3s both;animation:fade-in-fwd-2 1.6s cubic-bezier(.39,.575,.565,1.000) .3s both}
@-webkit-keyframes fade-in-fwd-2{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd-2{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

/* Mouse Circle */
body { cursor: none; 
    #circle { z-index: 5; background-color: white; position: fixed; top: -400px; left: -400px;
        width: 400px; height: 400px; border-radius: 50%; mix-blend-mode: difference; }
    .modal-content, nav {cursor: crosshair;}
}

.SubMouse {cursor: crosshair;}

/* scrollBar */
:root::-webkit-scrollbar{ display: none;}
:root { scrollbar-width: none; -ms-overflow-style: none; }


/* Font */
.roboto-mono { font-family: "Roboto Mono", monospace; }
.roboto-mono-bar { font-family: "Roboto Mono", monospace; font-weight: 400;}
.roboto-mono-Logo { font-family: "Roboto Mono", monospace; font-weight: 700;}
.fresca-regular { font-family: "Fresca", sans-serif; font-weight: 400;}
/* .fresca-regular-Logo { font-family: "Fresca", sans-serif; font-weight: 700;} */


/* General Body */
#changeSpan { transition: color 1.5s ease; -webkit-transition: color 1.5s ease; -moz-transition: color 1.5s ease; -ms-transition: color 1.5s ease; -o-transition: color 1.5s ease; }

/* Bootstrap Divider */
.b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); }

/* Form Inside Element */
#LoginUp {transform-style: preserve-3d; transform: perspective(1000px); cursor: auto;}
#LoginUp > * {transform: translateZ(20px);}
#btn_genKey, #btn_genUser {width: 90.27px;}

@media (max-width: 575.98px) {
    #Home .fs-5, #About .lead {
        font-size: 1rem !important;
    }
}