*{
            cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
        }
          
        html {
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/auto.png), auto; 
        }
        body{
       
        background-color: rgb(0, 0, 0) ;
        background: url("https://files.catbox.moe/9las8z.gif") ;
        }
        html {
        cursor:url(https://beelzebabe.wtf/Img/icons/Cursor/auto.png), auto;
        
        }
        #codeWindow1{
        height: 400px;
        width: 400px;
        top:100px;
        right: 400px;
        }
        #codeWindow2{
        left:200px;
        top:100px;
        width:810px;
        height:700px;}
        
        #codeWindow3{
        width:900px;
        height:500px;
        left:400px;
        top:200px;
        
        }
        #codeWindow4{
        left:400px;
        top:250px;
          
        }
        #codeWindow6{
        bottom:190px;
        left: 1110px;
        width:410px;
        }
         #codeWindow3, #codeWindow4, #codeWindow5, #codeWindow7{
            display: none; /* Hide codeWindow3 by default */
          }
        .draggable {
          position: fixed;
          width: 300px;
          height: 200px;
          background-color: rgb(255, 120, 187);
          border: 0.6px solid rgb(0, 255, 170);
          border-style: dashed;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          border-radius: 3px;
          color: black;
        overflow:scroll;
        
        }
        .draggable img {
          max-width: 90%;
          max-height: 90%;
        }
        
        .header {
          background-color: rgb(255, 31, 150);
          padding: 10px;
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/grab.png),grab;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          position:fixed
            width: 100%;
         
        }
        
        .title {
          font-weight: bold;
          color: lightblue;
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
        }
        
        .buttons {
          float: right;
             cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto; 
           
        }
        
        button {
             cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto; 
           border: 0px;
          background: hotpink;
          font-size: 20px;
          padding: 0 8px;
          
          border-radius: 3px;
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
        }
        
        .reopenBtn{
        position:relative;
        left: 280px;
        background-color:deeppink;
        border:deeppink outset 3px;
        height:40px;
        padding:6px;
        margin-right:3px;
        }
         .startbtn:hover , .reopenBtn:hover{
          background-color: deeppink; 
            cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
          color: white; /* Change text color on hover */
        }
        
        #bottomBar {
          position:fixed;
         bottom:0;
          width: 100%;
          background-color: black;
          padding: 3px;
          height: 20px;
          border-top: solid 2px deeppink;
          padding-bottom: 28px;
            display: flex;
          
        }
        html {
          font-family: monospace;
        
        }
        #menu {
          position: fixed;
          bottom: 50px;
          left: 0px;
          padding: px;
          background-color: deeppink;
          border: 1px solid deeppink;  
          display: none;
        cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
        }
        #menuContent {
          color: deeppink;
          font-size: 15px;
          margin-bottom: 1px; 
        border: outset 1px deeppink ;
        background-color:black ;
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;    
         
        }
        *::-webkit-scrollbar {
              width: 10px; /* Width of the scrollbar */
          }
        
          *::-webkit-scrollbar-track {
              background: lightblue; /* Color of the track */
          }
        
          *::-webkit-scrollbar-thumb {
              background: deeppink; /* Color of the handle */
          }
        
          *::-webkit-scrollbar-thumb:hover {
              background: hotpink; /* Color of the handle on hover */
          }
        
          *::-webkit-scrollbar-corner {
              background: transparent; /* Color of the corner */
          }
          
          /* Optional: Hide scrollbar when not scrolling */
          *::-webkit-scrollbar-thumb:vertical {
              min-height: 30px; /* Set a minimum height for the scrollbar handle */
          
        }
        
        .taskbutton{
        background-color: black;
        border: 0px;
        color:white;
        padding: 10px;
        margin-right: 30px;
        font-family: monospace;
        
        }
        .taskbutton:hover {
        background-color:deeppink;
        }
        .startbtn {
          background-color: black;
          border: deeppink solid 1px;
          padding: 0px;
          color: deeppink;
        font-size: 16px;
          width: 65px;
            height: 40px;
          margin: 3px;
        }
        .a{cursor: url('https://beelzebabe.wtf/Img/icons/Cursor/auto.png'), pointer;
        color:white;}
        
         
        ::-webkit-scrollbar {
          width: 3px;
          height: 2px;
          
        }
        
        ::-webkit-scrollbar-thumb {
          background-color: deepPink;
        }
        
        ::-webkit-scrollbar-track {
          background-color: pink;
        }
        
        /* For Firefox */
        .body , .a , .content {
          scrollbar-width: thin;
          scrollbar-color: deepPink pink;
        }
        
        /* For Internet Explorer */
        .body , .a  , .content {
          scrollbar-face-color: deepPink;
        scrollbar-track-color: deeppink;}
        
        ul {
              list-style-type: none;
        }
        .cursor{
           cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png),auto;
        
        }
        .search-container {
        margin: 3px;
        max-width:10px;
        height:40px;
        display: flex;
        }
        
        #searchInput {
        flex: 1;
        padding: 10px;
        font-size: 16px;
        }
        
        #searchButton {
        padding: 10px;
        background-color: black;
        color: deeppink;
        border: solid deeppink 1px;
        cursor: pointer;
        font-size:13px;
        }
        
        #searchButton:hover {
        background-color: black;
        color:white;
        }
        
        #searchResults {
        margin: 0px;
        position:relative;
        color:deeppink;
        bottom: 90px;
        left:0;
        border:deeppink px solid;
        height:80px;
        padding; 10px;
         
        
        }
        .reopenBtn {
        display:flex;
        right:20px;
        }
        .icon-box{
          display: flex;
        }
        icon1 , icon2 {
        flex:1 ,1;
        }
        .icon1 , .icon2{
        margin:15px;
        }
        @media only screen and (max-width: 600px) {
          /* Adjustments for smaller screens */
        
          body {
            background-size: cover; /* Ensure background image covers the screen */
          }
        
          #codeWindow1,
          #codeWindow2,
          #codeWindow3,
          #codeWindow4,
          #codeWindow5,
          #codeWindow6,
          #codeWindow7 {
            width: 90%; /* Adjust width to fit smaller screens */
            height: auto; /* Allow height to adjust based on content */
            top: auto; /* Reset positioning */
            right: auto; /* Reset positioning */
            left: auto; /* Reset positioning */
            bottom: auto; /* Reset positioning */
            margin: 10px auto; /* Center horizontally with some margin */
          }
        
          .draggable {
            width: 90%; /* Adjust width to fit smaller screens */
            height: auto; /* Allow height to adjust based on content */
          }
        
          .header {
            width: 100%; /* Ensure header spans the full width */
            border-top-left-radius: 0; /* Remove border radius on top left */
            border-top-right-radius: 0; /* Remove border radius on top right */
          }
        
          .buttons {
            float: none; /* Reset floating */
            text-align: center; /* Center align buttons */
            margin-top: 10px; /* Add some space between buttons */
          }
        
          #bottomBar {
            display: none; /* Hide bottom bar on smaller screens */
          }
        
          #menu {
            display: block; /* Show menu on smaller screens */
          }
        
          .search-container {
            max-width: none; /* Allow search container to expand */
            justify-content: center; /* Center align search container */
            margin: 10px auto; /* Center horizontally with some margin */
          }
        
          #searchInput {
            width: 70%; /* Adjust input width */
            margin-right: 5px; /* Add some space between input and button */
          }
        
          #searchButton {
            width: 25%; /* Adjust button width */
          }
        
          #searchResults {
            width: 90%; /* Adjust width to fit smaller screens */
            margin: 10px auto; /* Center horizontally with some margin */
            bottom: auto; /* Reset positioning */
            left: auto; /* Reset positioning */
          }
        
          .reopenBtn {
            display: block; /* Show reopen button on smaller screens */
            position: relative; /* Reset positioning */
            right: auto; /* Reset positioning */
            left: auto; /* Reset positioning */
            margin: 10px auto; /* Center horizontally with some margin */
          }
        
          .icon-box {
            justify-content: center; /* Center align icon box */
          }
        
          .icon1,
          .icon2 {
            margin: 5px; /* Adjust margin */
          }
        }