@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap");
body {
  font-family: 'Rubik', sans-serif;
}

div.transbox {
  margin: 10px;
  background-color: #2575b8;
  opacity: 0.9;
}

div.transbox h2 {
  margin: 2%;
  font-size: 16pt;
  font-weight: bold;
  color: white;
}
div.transbox h3 {
  margin: 2%;
  font-size: 14pt;
  font-weight: lighter;
  color: white;
}
.bg {
  background-color: #2575b8;
}

.bg h2 {
  font-size: 25pt;
}

.bg h3 {
  font-weight: lighter;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.bg h4 {
  padding-top: 2vh;
  padding-bottom: 3vh;
  background-image: url("/assets/smk/gradient.png");
  background-repeat: no-repeat;
}

.white {
  color: white;
}

.yellow {
  font-size: 18pt;
  color: yellow;
}
.col{
  font-size:0.8rem;
}
.center{
  text-align: -webkit-center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*# sourceMappingURL=smk-kesehatan.css.map */