/* ==================================================
   SXOC Skidclub
   Version 2.0
================================================== */

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{

    width:100%;
    height:100%;

}

html{

    background:#000;

}

body{

    overflow:hidden;

    background:#000;

    color:#fff;

    font-family:Arial, Helvetica, sans-serif;

    cursor:default;

    user-select:none;

}

/* ==================================================
   Canvas
================================================== */

canvas{

    position:fixed;

    inset:0;

    width:100%;

    height:100%;

    display:block;

}

/* ==================================================
   Layer Reihenfolge
================================================== */

#background{

    z-index:1;

}

#smoke{

    z-index:2;

}

#ui{

    z-index:3;

}

#effects{

    z-index:4;

    pointer-events:none;

}

/* ==================================================
   Loading
================================================== */

body.loading{

    opacity:0;

}

body.ready{

    opacity:1;

    transition:opacity .7s ease;

}

/* ==================================================
   Canvas Optimierung
================================================== */

canvas{

    image-rendering:auto;

    image-rendering:optimizeQuality;

}

/* ==================================================
   Auswahl deaktivieren
================================================== */

::selection{

    background:transparent;

}

/* ==================================================
   Scrollbars ausblenden
================================================== */

body::-webkit-scrollbar{

    display:none;

}

/* Firefox */

html{

    scrollbar-width:none;

}

/* ==================================================
   Späteres Font-System
================================================== */

/*

@font-face{

    font-family:"Anton";

    src:url("../assets/fonts/Anton-Regular.ttf");

}

*/