@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
html,
body {
    background-color:black;
    background-image:url(../img/bg.png);
    background-size:cover;
    background-position:top;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    gap:12px;
    height:100vh;
    margin:0;
    padding:0;
    cursor:none;
    overflow:hidden;
}

#img-container {
    box-shadow:0 0 100px 0 black,0 0 100px 0 black;
}

img {
    height: auto;
    width: 100%;
    -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.cursor {
  position: absolute;
  pointer-events: none; /* Ensures cursor doesn't block other interactions */
  font-size:56px;
  font-family: "Black Ops One", system-ui;
  font-weight:400;
  color:aquamarine;
  opacity:0.5;
  white-space: nowrap;
  user-select: none; /* Prevent text selection */
  transform: translate(-50%, -50%); /* Centers the cursor */
}

.heading {
    font-family: "Black Ops One", system-ui;
    color:#D12C5B;
    font-size:56px;
    text-align:center;
    font-weight:400;
    display:block;
    opacity:0.8;
    margin:24px auto 0 auto;
}