body {
    /* Set a fallback color while the GIF loads */
    background-color: #222; 
    
    /* Point to your GIF file or an absolute URL */
    background-image: url('./slowdotvibration.gif'); 
    
    /* Center the image horizontally and vertically */
    background-position: center center; 
    
    /* Ensure the GIF stretches to cover the entire page */
    background-size: cover; 
    
    /* Keep the background fixed in place when scrolling */
    background-attachment: fixed; 
    
    /* Prevent the image from repeating/tiling */
    background-repeat: no-repeat; 
    
    /* Ensure the body expands to fill the screen viewport height */
    min-height: 100vh; 
    margin: 0;

    font-family: 'MyCustomFont', sans-serif; /* Always include a generic fallback */
}

@font-face {
  font-family: 'Audiowide';
  src: url('./Audiowide/Audiowide-Regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Keeps text visible while the font loads */
}

h1 {
    font-family: 'Audiowide';
}