#codeWindow1{
        height: 100px;
        width: 300px;
        top:97px;
        left: 10px;
        z-index: 10;
        opacity: 0.9;
        }
        
        .draggable {
          position: fixed;
          width: 300px;
          height: 200px;
          background-color: #5cf763;
          border: 3px solid lime;
          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: #047400;
          padding: 10px;
          cursor:grab;
          border-top-right-radius: 3px;
          border-top-left-radius: 3px;
          position:fixed;
          width: 21.7%;
          
         
        }
        
        .title {
          font-weight: bold;
          color: rgb(178, 230, 173);
          cursor:  auto;
        }
        
        .buttons {
          float: right;
             cursor:  auto; 
           
        }
        
        button {
             cursor:  auto; 
           border: 0px;
          background: #5cf763;
          font-size: 20px;
          padding: 0 8px;
          
          border-radius: 3px;
          cursor: auto;
        }
        
        .reopenBtn{
        position:relative;
        left: 280px;
        background-color:#294933;
        border:#0c8b00 outset 3px;
        height:40px;
        padding:6px;
        margin-right:3px;
        }
         .startbtn:hover , .reopenBtn:hover{
          background-color: #294933; 
            cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
          color: white; 
        }
        
        #bottomBar {
          position:fixed;
         bottom:0;
          width: 100%;
          background-color: black;
          padding: 3px;
          height: 20px;
          border-top: solid 2px #91ff87;
          padding-bottom: 28px;
            display: flex;
            z-index: 10;
          
        }
       
        
        #menu {
          position: fixed;
          bottom: 50px;
          left: 0px;
          padding: px;
          background-color: #0c8b00;
          border: 1px solid #0c8b00;  
          display: none;
        cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;
        }
        #menuContent {
          color: #0c8b00;
          font-size: 15px;
          margin-bottom: 1px; 
        border: outset 1px rgb(0, 182, 55) ;
        background-color:black ;
          cursor: url(https://beelzebabe.wtf/Img/icons/Cursor/pointer.png), auto;    
         
        }
        *::-webkit-scrollbar {
              width: 10px; 
          }
        
          *::-webkit-scrollbar-track {
              background: rgb(113, 255, 95); 
          }
        
          *::-webkit-scrollbar-thumb {
              background: #047400;
          }
        
          *::-webkit-scrollbar-thumb:hover {
              background: #5cf763; 
          }
        
          *::-webkit-scrollbar-corner {
              background: transparent;
          }
          
        
          *::-webkit-scrollbar-thumb:vertical {
              min-height: 30px; 
          
        }
        
        .taskbutton{
        background-color: black;
        border: 0px;
        color:white;
        padding: 10px;
        margin-right: 30px;
        font-family: monospace;
        
        }
        .taskbutton:hover {
        background-color:#047400;
        }
        .startbtn {
          background-color: black;
          border: #11b902 solid 1px;
          padding: 0px;
          color: #11b902;
        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: #0c8b00;
        }
        
        ::-webkit-scrollbar-track {
          background-color: #5cf763;
        }
        
        .body , .a , .content {
          scrollbar-width: thin;
          scrollbar-color: #5cf763 #b0ffb4;
        }
        
        .body , .a  , .content {
          scrollbar-face-color: #11b902;
        scrollbar-track-color: rgb(32, 136, 0);}
        
        ul {
              list-style-type: none;
        }
        
        
       
        
        
        .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) {
        
       
        
          #codeWindow1
          {
            width: 90%; 
            height: auto; 
            top: auto; 
            right: auto; 
            left: auto; 
            bottom: auto; 
            margin: 10px auto; 
          }
        
          .draggable {
            width: 90%; 
            height: auto; 
          }
        
        
          .buttons {
            float: none; 
            text-align: center; 
            margin-top: 10px; 
          }
      
        
          .reopenBtn {
            display: block; 
            position: relative; 
            right: auto;
            left: auto; 
            margin: 10px auto;
          }
        
          .icon-box {
            justify-content: center; 
          }
        
          .icon1,
          .icon2 {
            margin: 5px; 
          }
        }