/*TODO extract this code into a separate css file*/
        /*this is to be applyed on the images so it wont be selected with the text*/
        .noselect {
            -webkit-touch-callout: none; /* iOS Safari */
              -webkit-user-select: none; /* Safari */
               -khtml-user-select: none; /* Konqueror HTML */
                 -moz-user-select: none; /* Old versions of Firefox */
                  -ms-user-select: none; /* Internet Explorer/Edge */
                      user-select: none; /* Non-prefixed version, currently
                                            supported by Chrome, Opera and Firefox */
          }
          
                  body{
                      cursor:url(img/cursor2.png), auto;
                  }

                  #TextWriter {
                    white-space: pre-wrap;
                    overflow: auto;
                    width: 100%;
                    height: 380px;
                }
                .TextWriter::-webkit-scrollbar{
                    display: none;
                }

                  #screen{
                      background-color: blue;
                      width: 100%;
                      height: 100%;
                      position: relative;
                  }
                  
                  #scan , #bezel{
                      width: 100%;
                      height: 100%;
                      position: absolute;
                      top: 0;
                      left: 0;
                      pointer-events: none;
                      z-index: 0;
                  }
                  #scan{
                      opacity: 0.08;
                  }
          
                  #content{
                      font-family: VT323;
                      text-shadow: 1px 1px 2px gray, 0 0 1em gray , 0 0 1em gray;
                      font-size: 20px ;
                      padding: 50px;
                      color: white;
                          
                  }
          
                  .button-container {
                  position: absolute;
                  bottom: 50px;
                  left: 50%;
                  transform: translateX(-50%);
                  text-align: center;
                  z-index: 0;
                  }
          
                  .old-button {
                  background-color: gray;
                  border: none;
                  color: white;
                  padding: 10px 20px;
                  font-size: 16px;
                  font-family: VT323;
                  text-shadow: 1px 1px 2px black;
                  cursor: pointer;
                  margin-left : 20px;
                  margin-right: 20px;
                  }
          
                  .old-button:hover {
                  background-color: darkgray;
                  cursor:url(img/cursor2.png), auto;
                  }
          
                  .old-button:active {
                  position: relative;
                  top: 1px;
                  left: 1px;
                  }
                  .terminal-button {
                    position: absolute;
                    top: 60px;
                    right: 50px;
                    cursor: pointer;
                }
                .file-manager-button {
                    position: absolute;
                    top: 60px;
                    right: 100px;
                    cursor: pointer;
                }
                        /* Style for the fake terminal pop-up */
        .terminal-popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #2c3e50;
            color: #ecf0f1;
            padding: 20px;
            z-index: 1000;
            font-family: monospace;
            border-radius: 5px;
        }
        .container-fluid{
            padding: 0;
         }