@font-face {
    font-family: Thin;
    src: url('/assets/fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: Bold;
    src: url('/assets/fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: Normal;
    src: url('/assets/fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Medium;
    src: url('/assets/fonts/Roboto-Medium.ttf');
}

html, body {
    overflow: hidden !important;
    margin: 0 !important;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height: 100%;
    touch-action: manipulation;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    background-color: #000000;
    margin: 0;
    border: 0;
}

body>canvas, iframe {
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    width:100%;
    height: 100%;
    touch-action: manipulation;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    margin: 0;
    border: 0;
}