@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap');

html{
    height:100%;
}

body{
    margin:0;
    background: #090810;
    color: #F0EEE9;
    user-select: none;
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
}

#loading-screen{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: #090810;
    z-index: 1000;
    -webkit-transition:0.2s all ease-in-out;
    transition:0.2s all ease-in-out;
}
#loading-screen.hidden{
    opacity:0;
    pointer-events:none;
}
#loading-screen.display{
    opacity:1;
    pointer-events:auto;
}

#loading-feedback{
    position: fixed;
    left: 0;
    bottom: 40%;
    width:100%;
    text-align:center;
    z-index: 1001;
}

#loading-feedback p{
    color: #7E7E8C;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}