@media screen and (max-width: 600px) {
  body {display: grid;}
  #menuBtn {position: fixed;}
  #iMenu {position: fixed;top: 50%;left: 0px;transform: translate(0%, -50%);background: rgba(50,50,50,0.2);backdrop-filter:blur(15px);width: 90%;height: 100%;display: flex;flex-direction: column;
    place-items:center;justify-content: center;z-index: 98;
  }
  .diaghead {display: grid;place-items:center;position: relative;width: 100%;}
  .diaghead p {}
  .condiv {width: 95%;height: 90%;background: rgb(240,240,240);border-radius: 20px;position: absolute;top:50%;left:50%;
    transform: translate(-50%, -50%);padding: 20px;place-items:center;max-width: 95%;max-height: 90%;
  }
  .hdiv {height: 80%;max-height: 80%;width: 100%;overflow: auto;display: flex;flex-direction: column;justify-content: space-around;}
  .hdiv > div  {margin: 10px 0px;}
  .hdiv p {margin: 1px 3px;font-size: 20px;}
  .bgdiv {position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(50,50,50,0.2);backdrop-filter:blur(15px);z-index: 90;}
  .notificatinsf{position: fixed;padding: 20px;border-radius: 20px;border: 1px solid rgba(155,155,155,0.6);background: rgba(155,155,155,0.4);backdrop-filter:blur(15px);z-index: 20;display: grid;padding-top: 15px;top: -270px;right: 50%;min-width: 150px;transform: translateX(50%);}
}