/* ROBOTO VARIABLE FONT */

@font-face{
    font-family:"Roboto";
    src:url("../fonts/roboto-variable.woff2") format("woff2");
    font-weight:100 900;
    font-style:normal;
    font-display:swap;
}

/* linear-gradient(125deg, #110ce9, #c100ac) */

* {
  box-sizing: border-box;
}
/* Native Pull-to-Refresh Prevention */   
html, body {overscroll-behavior:none;}

body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  Height: 100VH;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  background: #000000 linear-gradient(25deg, #000000 25%, #010024, #0700d6);
  color: white;
}



/* Native Page Animations */

main {
    animation: fadeIn .25s ease;
}

.page-exit main {
    opacity:0;
    transform:translateX(15px);
}

@keyframes fadeIn {

    from{
        opacity:0;
        transform:translateX(15px);
    }

    to{
        opacity:1;
        transform:none;
    }

}

/* PREMIUM LAUNCH SCREEN */   
#splash{

    position:fixed;
    inset:0;

    background:#0d1117;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:99999;

    animation:hideSplash .6s forwards;

    animation-delay:1s;
}

@keyframes hideSplash{

    to{
        opacity:0;
        visibility:hidden;
    }

}



/* RESPONSIVE */

@media (max-width: 992px) {


}