body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: black;
    height: 100vh;
  }
  
  #unity-canvas {
    display: block;
    margin: auto;
    background: transparent; 
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  }
  
  @media (min-width: 1024px) {
    body {
      background: url('images/heidrun-background.jpg') no-repeat center center fixed;
      background-size: cover;
      height: 100vh;
    }
  
    #unity-canvas {
      width: 550px; 
      height: 800px; 
    }
  }
  
  @media (max-width: 1023px) {
    #unity-canvas {
      width: 100vw; 
      height: calc(100vw * 1.45);
      max-height: 100vh; 
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); 
    }
  }