* {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.playerClass {
    background-image: url('../assets/screens/loading.png');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 177.78vh;
    margin: auto;
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    z-index: -1;
}

.pixiClass {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 177.78vh;
    margin: auto;
    max-height: 100vh;
    max-width: 177.78vh; /* 16/9 = 1.778 */
    z-index: 1;
}

@font-face {
    font-family: "Impact";
    overflow: hidden;
    src: url("../assets/fonts/impact.ttf");
}