body {
  margin: 0;
  padding: 0;

}

#img-pic {
  max-width: 480px;
  width: 100%;
  height: 100vh;
  margin: auto;

}

.first-div {
  width: 100%;
}

#img-pic .first-div img {
  width: 100%;
  height: 100vh;

}

#img-pic .first-div {
  position: relative;
}

.join-btn {
  position: absolute;
  top: 21%;
  left: 37%;
  font-size: 24px;
  background-color: rgb(217, 255, 0);
  border-radius: 28px;
  padding: 8px;
  outline: none;
  box-shadow: 0 0 5px #00aced, 0 0 8px #00aced;
  border: 2px solid #91d2e9;
  cursor: pointer;
  color: rgb(0, 0, 0);
  animation: zoom-in-zoom-out 1.5s ease infinite;
  font-weight: bold;
}

.ads-btn {
  position: absolute;
  top: 35%;
  left: 80%;
  font-size: 16px;
  border-radius: 30px;
  padding: 8px;
  outline: none;
  /* background-color: rgb(39, 12, 148); */
  animation: zoom-in-zoom-out 1.5s ease infinite;
  color: white;
  background: #00aced;
  box-shadow: 0 0 5px #00aced, 0 0 8px #00aced;
  border: 2px solid #91d2e9;
  z-index: 2;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.5, 1.5);
  }

  100% {
    transform: scale(1, 1);
  }
}


.second-div {
  margin-top: -5px !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: green;
}

.second-div img {
  width: 30%;
  margin: auto;
  overflow: hidden;
}

.footer {
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
  background-color: gray;
  color: white;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}


.whatsapp-btn-container {}

.whatsapp-btn-container>a>button {
  position: absolute;
  top: 74.5%;
  font-size: 12px;
  background-color: rgb(119, 78, 23);
  border-radius: 10px;
  padding: 10px;
  outline: none;
  border: 1px solid rgb(28, 191, 212);
  cursor: pointer;
  color: rgb(204, 233, 38);
  animation: zoom-in-zoom-out 1.5s ease infinite;
}

.whatsapp-btn1 {
  left: 3.5% !important;

}

.whatsapp-btn2 {
  left: 36.5% !important;
}

.whatsapp-btn3 {
  left: 69.5% !important;
}

.social-links {}

.social-links>a>button {
  position: absolute;
  top: 80.8%;
  font-size: 12px;
  background-color: rgb(119, 78, 23);
  border-radius: 10px;
  padding: 10px;
  outline: none;
  border: 1px solid rgb(28, 191, 212);
  cursor: pointer;
  color: rgb(204, 233, 38);
  animation: zoom-in-zoom-out 1.5s ease infinite;
}

.facebook-btn {

  left: 20%;

}

.youtube-btn {
  left: 55%;
}