:root {
    --bg: url("https://starstonight.uk/StarsBackground.jpg");
}

.body {
    background-color: black;
}

.bg {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -2;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  .bg {
    --safe-area-inset-top: constant(safe-area-inset-top);
    height: calc(100% + var(--safe-area-inset-top));
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  .bg {
    --safe-area-inset-top: env(safe-area-inset-top);
    height: calc(100% + var(--safe-area-inset-top));
  }
}