/*---------------------------------------------General Styles---------------------------------------------*/
html,
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/*-------------------------------------------Background Image---------------------------------------------*/
#bg {
  width: 100%;
}

/*------------------------------------------------Title 1-------------------------------------------------*/
.logo {
  top: 1.8%;
}

.logo img {
  width: 58%;
}

/*------------------------------------------------Title 1-------------------------------------------------*/
.title1 {
  top: 6.9%;
}

.title1 img {
  width: 83%;
}

/*------------------------------------------------Title 2-------------------------------------------------*/
.title2 {
  top: 13.5%;
}

.title2 img {
  width: 65%;
}

/*-------------------------------------------Redirect Button----------------------------------------------*/
.redirect-btn {
  top: 17%;
}

.redirect-btn img {
  width: 66%;
  animation: pulse 0.9s infinite linear;
}

/*------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0.95);
  }
}

/*----------------------------------------Multi Device Screen Size----------------------------------------*/
@media (min-width: 992px) {
  #bg {
    height: 100vh;
  }
}