/* remove margin and padding from all elements */
* {
    padding : 0;
    margin : 0;
}

/* set body background color */
body {
    background-color : #000000;    
}

/* Disable browser handling of all panning and zooming gestures. */
html,
body {
    touch-action: none;
}

canvas {
    touch-action : none;
}

#game-container {
    position: relative;
}

#game-container > canvas {
    z-index: 1;
    margin-top: 0 !important; 
}

.fontPreloader {
    font-family: "Inter Bold";
    position: absolute;
    left: -1000px;
    visibility: hidden;
}

.fontPreloaderMedium {
    font-family: "Inter";
    position: absolute;
    left: -1000px;
    visibility: hidden;
}

.nipple > .front {
    background-image: url('assets/ui/joystick-inner.png') !important;
    background-size: contain !important;
    opacity: 1 !important;
}

.nipple > .back {
    background-image: url('assets/ui/joystick-bg.png') !important;
    background-size: contain !important;
    opacity: 1 !important;
}

@font-face {
    font-family: "Inter Bold";
    src: url('fonts/Inter_24pt-Bold.ttf');
    font-weight: 700;
    font-weight: normal;
}

@font-face {
    font-family: "Inter";
    src: url('fonts/Inter_24pt-Regular.ttf');
    font-weight: 400;
    font-weight: normal;
}