#mobile-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--highlight);
  color: white;
  z-index: 1000;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  z-index: 10000;
  font-family: "Tajawal", sans-serif;
}

#mobile-overlay p {
  font-size: 1.5rem;
  margin-top: 50%;
  font-family: "Tajawal", sans-serif;
}

#content {
  display: block;
  text-align: center;
  padding: 20px;
}

@media (max-width: 700px) {
  #mobile-overlay {
    display: block;
  }
}
/*     <div id="mobile-overlay">
      <p style="font-size: 32px;">This Game For PC Only</p>
      <img src="images/smartphone.png" width="100px" alt="">
      <h2 style="font-family: var(--bs-body-font-family); margin-top: 20px;">هذه لعبة كمبيوتر فقط! جرب لعبة اخرى</h2>
      <h2 style="font-family: var(--bs-body-font-family);">Back To Home</h2>
      <div class="head-btn">
        <button class="h-btn" style="padding: 5px" onclick="goToPage('index.html')">
          <img src="images/home.png" alt="">
          <span class="text">HOME</span>
        </button>
      </div>
    </div>
    
    */