body {
  /* width: 100%;
  height: 100%; */
  margin: 0;
  padding: 0;
  user-select: none;
  background-color: #00479d;
}

h2 {
  text-align: center;
  font-size: 80pt;
  /*color: #00a8ff;*/
  color: #ffffff;
}

.container {
  padding-top: 50px;
}

.header {
  height: 300px;
}

.content {
  height: 800px;
  text-align: center;
}

.footer {
  font-size: 30pt;
  color: #ffffff;
}

.content .img-div {
  height: 450px;
  justify-content: center;
  display: grid;
}
.content.ios .img-div,
.content.aos .img-div {
  grid-template-columns: 1fr;
}
.content.ios.aos .img-div {
  grid-template-columns: 1fr 1fr;
}

.content .img-div .main-img {
  width: 450px;
  /* height: 300px; */
}

.content .btn-div .line-div {
  display: grid;
  justify-content: center;
  justify-items: center;
}
.content.ios .btn-div .line-div,
.content.aos .btn-div .line-div {
  grid-template-columns: 1fr;
}
.content.ios.aos .btn-div .line-div {
  grid-template-columns: 1fr 1fr;
}

.content .btn-div .main-btn {
  display: block;
  height: 300px;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  line-height: 90px;
  font-size: 45pt;
  font-weight: bold;
  text-decoration-line: none;
  opacity: 0.9;
}

.content.ios .btn-div .main-btn,
.content.aos .btn-div .main-btn {
  width: 40%;
}
.content.ios.aos .btn-div .main-btn {
  width: 90%;
}

.content .btn-div .urinary {
  background: linear-gradient(30deg, #fff131c6, #ff7419cc);
}

.content .btn-div .version {
  font-size: 25pt;
}

.content .btn-div .urinary:hover {
  text-decoration: none;
  background-color: #c9be28c6;
  opacity: 1;
}

.content .btn-div .phq9 {
  background: linear-gradient(30deg, #00cf77, #1ca6d2);
}

.content .btn-div .phq9:hover {
  text-decoration: none;
  background-color: #00b568;
  opacity: 1;
}

.content .btn-div .bdi {
  background: linear-gradient(45deg, #7776ff, #ae2cf1);
}

.content .btn-div .bdi:hover {
  text-decoration: none;
  background-color: #7273749c;
  opacity: 1;
}

.content .btn-div .asthma {
  background: linear-gradient(45deg, #24359f, #24359f);
}

.content .btn-div .asthma:hover {
  text-decoration: none;
  background-color: #7273749c;
  opacity: 1;
}

.line-div {
  display: flex;
  width: 100%;
  justify-content: center;
}

.platform-android {
  color: #00028b;
}