@font-face {
    font-family: 'vrtlfinale1';
    src: url('font/vrtlfinale1-webfont.eot'); /* IE9 Compat Modes */
    src: url('font/vrtlfinale1-webfont.eot') format('embedded-opentype'), /* IE6–IE8 */
         url('font/vrtlfinale1-webfont.woff2') format('woff2'), /* Modern Browsers */
         url('font/vrtlfinale1-webfont.woff') format('woff'),   /* Modern Browsers */
         url('font/vrtlfinale1-webfont.svg#vrtlfinale1') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Uses fallback (Arial) until custom font is loaded */
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  background-color: #2b2b2b;

    /* Start with Arial, then load your custom font */
    font-family: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif, 'vrtlfinale1';
    
    touch-action: none; /* Disables pull-to-refresh and other gestures */
}