body {
  margin: 0;
  padding: 0;
  border: none;
  font-family: Arial, sans-serif;
}

#forPuzzle {
  position: relative;
  border: none;
}

.modal {
  z-index: 99999 !important;
}

.btn-primary-button {
  color: #fff !important;
  background-color: #0070ba;
  padding: 10px 40px;
  border-radius: 50px;
  /* font-size: 30px; */
}

#divmenu {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  cursor: default;
  z-index: 50001;
  border-radius: 5px;
}

#divmenu.open {
  z-index: 50001;
}


#divmenu .line {
  position: absolute;
  left: -80px;
  color: #fff;
  display: none;
  border-radius: 10px;
  text-align: center;
  padding: 0px 52px;
  background-color: #0070ba;
  font-weight: bold;
  font-size: 40px;
  font-weight: normal;
  border-radius: 51px;
  -webkit-box-shadow: -1px 2px 18px 3px rgba(79, 79, 79, 1);
  -moz-box-shadow: -1px 2px 18px 3px rgba(79, 79, 79, 1);
  box-shadow: -1px 2px 18px 3px rgba(79, 79, 79, 1);
  cursor: pointer;
}

#divmenu.open .line {
  display: block;
}

#timer {
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 36px;
  font-family: Arial, sans-serif;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  border-radius: 5px;
  z-index: 10001;
}

#timer.green {
  color: green;
}

#timer.yellow {
  color: rgb(175, 175, 41);
}

#timer.red {
  color: red;
}

/* Mobile view adjustments */
@media screen and (min-device-width: 280px) and (max-device-width: 768px) {
  /* .btn-primary-button {
    font-size: 30px;
  } */

  #timer {
    font-size: 60px;
  }

  .modal-dialog {
    max-width: 90% !important;
    margin: 1.75rem auto !important;
  }

  /* .modal-pera {
    font-size: 40px !important;
  } */

  /* .close {
    font-size: 80px !important;
  } */

  /* #tryAgainPopupLabel {
    font-size: 50px !important;
  } */

  .modal-button {
    /* background-color: #EE7038; */
    background-color: #0070ba;
    padding: 10px 40px;
    font-weight: 500;
    color: #fff;
    font-size: 40px;
    border: none;
    margin: 20px 0;
    border-radius: 30px;
  }

  /* #formPopupLabel {
    font-size: 50px;
  } */

  /* .form-control {
    height: 80px !important;
    font-size: 30px !important;
  } */

  /* #divmenu .line {
    font-size: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    Ensure it is displayed
  } */

  .line {
    font-size: 100px;
    cursor: pointer;
  }

  /* #tryAgainPopupLabel {
    font-size: 40px !important;
  } */
}