@font-face {
  font-family: 'VT323 Regular';
  src: url('/fonts/VT323Regular.eot'); 
  src: url('/fonts/VT323Regular.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/VT323Regular.woff2') format('woff2'), 
       url('/fonts/VT323Regular.woff') format('woff'), 
       url('/fonts/VT323Regular.ttf') format('truetype'), 
       url('/fonts/VT323Regular.svg#svgVT323Regular') format('svg');
}



/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #a10000 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #06f442;
    border-radius: 0px;
    border: 0px solid #ffffff;
  }

html {
  background-image: url("/backgrounds/doom.png");
  background-size: auto 256px;
  background-repeat: repeat;
  background-color: #000000;
  color: #11fc00;
  font-family: "VT323 Regular";
  font-size: 20px;
  cursor: url("images/hellcursor.png"), auto;
  margin-left: 150px;
  margin-right: 20px;
}
.beatstime {
  min-height: 30px;
  max-height: 30px;
  min-width: 100px;
  max-width: 100px;
  background-color: #ffffff;
  font-family: "VT323 Regular";
  font-size: 15px;
  color: #ffffff;
  background-image: url("/images/beatstime.png");
  background-size: cover;
}
        #draggableFrame {
            position: fixed;
            top: 6px;
            left: 120px;
            width: 210px;
            height: 330px;
            background: rgba(255, 255, 255, 0.8);
            border-image: linear-gradient(to bottom, #b7cfe8, #9bb7d3) 1;
            border-radius: 6px;
            border-width: 4px;
            border-style: solid;
            border-top: none;
            cursor: grab;
            z-index: 1000;
            user-select: none; /* Prevent text selection */
            display: flex;
            flex-direction: column;
        }

        /* Drag Handle */
        #dragHandle {
            width: 100%;
            height: 20px;
            background-image:url("backgrounds/win7gradient.png");
            color: #000000;
            text-align: left;
            font-size: 14px;
            line-height: 20px;
            cursor: grab;
            padding: 2px;
        }

        /* Make sure the iframe fits inside */
        #draggableFrame iframe {
            width: 100%;
            height: calc(100% - 20px); /* Subtract handle height */
            border: none;
        }

        /* Prevent selection of other page elements */
        body, html {
            user-select: none;
        }