body {
    padding-bottom: 7rem; /* Ensure there's enough space at the bottom */
    font-size:14px;
    /*height: 100vh; /* Full viewport height */
   /* overflow: hidden; /* Prevent scrolling */
  }

  

@font-face {
    font-family: 'SuperShiny';
    src: url('/static/fonts/SuperShiny-0v0rG.ttf') format('truetype');
}





/* Apply font to elements where desired */
.super-shiny-text {
    font-family: 'SuperShiny', system-ui;
}


footer{
    display: flex;
    justify-content: center;
    align-items: center;
    /* Force to be at bottom of page
    /* /* position: fixed; */
    bottom: 0;
    width: 100%;
    /* Add a margin so its not directly on the bottom */
    margin-bottom: 5%;
    /* space so that everything is evenly spaced */
    padding: 10px;
    z-index:5;
    } 


/* This makes the cursor disappear so that the wii cursor can be used */
body{
    background-color: #1D1E22;
    cursor: none;
    height: 150vh;
              background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAACUCAMAAABV5TcGAAAALVBMVEXY2NbZ2dfa2tjo3thErcxCrsrQ1NLM0c/U1tQ/qscuj7E0nbxCpcI2ob0tlbJzAUM9AAAChklEQVR4nO3ciXKbQBBFUUaRFDnb/39uIoulnxgQUGVeE93jTQuDp1q9YFfZzWlSaVrfe9fuoelVc8tvK5Z3h96G5d1DTVm+vLmOls+sLkt29j76lxB3hEMQDmCxgh6DVtFKBeEQhANYzD3ccmHQRoXsEO5azYXsUPSOiOxQ7moFcEi0UsWgjcgO4S5W4DCoFkErVQzaiOxQ7moFcEj0DsFkUVx3RGSHclcrUnOnZy60UjGRHaf2S6DPzJtevoZheb2Auhu362B91y1hef+nLCtOc920fDhiWL78e9ZP2QXrNpgNYH19WN3st7yy+eWr1yXg/6sNx9e1pWMphCOSHMFjELl3kQbZAazjm/TJPMJhnm/JkB0db5EiNVJEcFVaU4b34dPoThk/U54Ou38q47OUqVNuOewLt9HWyYL/lPIWunDg01AsGFAsEeEQ7uQEjoPJIgiHcF/+5OJ+NRKIlxpkh6aE7YonDQmH+6Xx27c0cSzSSkE4prkbmZ+EY++xlg+DVu1ajTgWEkXEPuLeSwZkxyTXeMuDH/AFFTLN/dr4kR0ihsa9lwS4DAO2cPXzNAq/7wj0T2xdSZlH4VfHguwAtti1jecUw2Gb92mQHeIzJu3tXQszr1LLlPdVyA68ZupfyfTh8A24VMiOGkuB5sOgVWQHXrN2rjy6cFjHWxqF7KjxVGg6DFpBdtQ5KzWTNhzWhp5HITuEqzpxAOSIaC883NtIg+yoaedM+3HqrlbL6FH9r/TPzyw8bOL81eP33YaE4+1RJphBK40YtE/IjgpvQ0+DQSu6cHxD0Pz4+evjPHL593a+3D3uXka3g+e1zw+Es848uc14N+GbvNjo+aIn+vj95y+ehWkTEmikyQAAAABJRU5ErkJggg==') no-repeat center center;
              background-size: cover; /* Cover the entire screen */
    display: flex;
    flex-direction: column;
  }

/* This is the wii cursor */
.pointed{
    width: 40px;
    height: 40px;
    position:fixed;
    pointer-events:none;
    background-size: 40px 40px;
    z-index: 1000; /* Make sure the cursor stays on top of all other elements */
    transition: transform 0.2s ease; /* Smooth dragging effect */
    background-image:url('/static/img/wii_cursor.png');
}


.navbar {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}