*, *:after, *:before{box-sizing:border-box;}

.popup h2 {
  font-family: Tahoma, Arial, sans-serif;
  background: maroon;
  color: white;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 3%;
  margin: 0;
  font-family: cursive;
}
.popup .close {
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
  float: right;
}
.popup .close:hover {
  color: #06D85F;
  cursor:pointer;
}
.popup .content {
  text-align: center;
  color: navy;
  font-weight: bold;
  font-family: arial;
  font-size: 18px;
  line-height: 2em;
  padding: 2%;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}

.overlay .popup {
  background: aliceblue;
  border-radius: 5px;
  width: 27em;
  height: fit-content;
  position:  fixed;
  top: 0;
  left: 35%;
  margin: 70px auto;
  z-index: 10;
  border: 1px solid maroon;
  text-align: center;
}
.overlay:target .popup {
   display:none;
}
.catchieWords{
    color: navy;
    font-size: 25px;
    font-weight:bold;
    font-family: cursive;
}
.catchieWords:hover{ color:red;}
.popupVideo{width: 98%;height: 200px;}
iframe{ width:100%;height:16em;}
.register{display:block;width:100%;line-height:2.188em;}
.zoom{
    padding: 0% 31%;
}
.playstoreImg{width:100%;}
.register{border-radius:6px;padding:0.188em 0.938em;margin-bottom: 0em;animation-delay:1.10s;color:white;font-weight:bold;animation: pound 3s infinite;font-family: cursive;padding-top: 3%;}
@keyframes pound{from{transform:none;}
50%{transform:scale(1.3);}
to{transform:none;}
}
@media screen and (max-width: 768px){
  .overlay .popup{
    width: 81%;
    left: 11%;
  }.catchieWords{
   
    font-size: 20px;
   
}
}