@media only screen and (max-width: 600px) {

* {
-webkit-tap-highlight-color: transparent;
-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, Edge, Opera and Firefox */

}

    h1 {  
        font-size: 3em !important;
    }   
      
}




* {
  -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, Edge, Opera and Firefox */
}
@keyframes scrollBackground {
  from {
    background-position: 135% 0;
  }
  to {
    background-position: 0% 0;
  }
}

body {
 background-image: url("qq.gif");
 background-color: #181818;
 background-size: contain;
 background-repeat: repeat;

   /* animation: scrollBackground 10s linear infinite;*/
}

body {
    font-family: arial;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #181818; /* Set your desired background color */
}

.center-text {
    text-align: center;
}

h1 {
    text-transform: uppercase;
    font-size: 4em; 
    color: #ffffff; 
    background-color: #0000004a; 
    padding: 20px; 
    border-radius: 10px; 
}
h3 {
    text-transform: uppercase;
    color: #ffffff; 
    background-color: #0000004a; 
    padding: 20px; 
    border-radius: 10px; 
}
.btnButton {
    font-weight: bold;
    margin: 15px;
    border-radius: 25px;    
    font-size: 2em;
    border: 2px solid cyan;
    color: #ffffff; 
    background-color: #000000ad; 
    padding: 20px; 
    border-radius: 10px; 
}
.hiddenButton {
    display: none;
}
.hideAnything {
    visibility:hidden;
}

#hovermenu {
    display: inline-block;
}

#reader {
        overflow-y: scroll;
        scrollbar-width: 3px; /* For Firefox */
        scrollbar-color: #ecf0f1 #3498db; /* For Firefox */
    
        /* For WebKit browsers like Chrome and Safari */
        &::-webkit-scrollbar {
            width: 10px;
        }
    
        &::-webkit-scrollbar-thumb {
            background-color: #3498db;
            border-radius: 5px;
        }
    
        &::-webkit-scrollbar-track {
            background-color: #ecf0f1;
        }

        margin: 0 auto;
        font-family: Sans-serif;
	    letter-spacing: 1px;
        max-width: 65%;
        width: 65%;
        max-height: 50%;
        height: 50%;
        font-size: 2.0em;
        font-weight: bold;
        color: #333; /*#8bb5ab;*/
        background-color: #88dfffde; /* #00bbffde; /* #002a3ae8; */ /*#006d97a6;*/ /*#2995b587; */
        border: 3px solid white;
        border-radius: 15px;
        text-shadow: 2px 2px #ffffff6e; /* 2px 2px #000; */
    }