@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200;400;500;700&display=swap");
body {
  background-color: #f5f1f1;
}

body h1 {
  font-size: 2.3em;
  font-weight: 700;
}

body p {
  font-size: 1.09em;
}

body pre {
  background-color: #230a29;
  color: white;
  border-radius: 0.4em;
}

.bagianIsi {
  margin-top: 7%;
}

.bagianIsi .bagianIsiMateri {
  background-color: white;
  padding: 1.1em;
  border-radius: 0.6em;
}

.bagianIsi .bagianIsiMateri .author {
  font-size: 0.9em;
  margin-left: 5%;
}

.bagianIsi .bagianIsiMateri .pembahasanMateri {
  margin-top: 7%;
  padding: 4%;
}

.bagianIsi .row .col-isi {
  width: 73%;
}

.bagianIsi .row .col-side {
  padding: 1em;
  width: 24%;
  background-color: white;
  border-radius: 0.4em;
}

.materiLain {
  margin-top: 2%;
  margin-bottom: -3%;
  border-radius: 0.4em;
  padding: 2%;
  background-color: white;
}

.materiLain .row {
  margin-top: 3%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.materiLain .row .col-2 {
  width: 74%;
}

.materiLain p {
  margin-top: 2%;
  text-align: center;
}

.materiLain p :hover {
  color: #3e074a;
}

.materiLain a {
  text-decoration: none;
  color: black;
}

.materiLain h1 {
  text-align: center;
  font-size: 1.9em;
  margin-bottom: 1%;
}

.materiLain hr {
  width: 90%;
}

@media (max-width: 575.98px) {
  body {
    background-color: #f5f1f1;
  }
  body h1 {
    font-size: 1.3em;
    font-weight: 700;
  }
  body p {
    font-size: 0.9em;
  }
  body pre {
    background-color: #230a29;
    color: white;
    border-radius: 0.4em;
    font-size: 0.7em;
  }
  .bagianIsi {
    margin-top: 15%;
  }
  .bagianIsi .bagianIsiMateri .author {
    font-size: 0.8em;
    margin-left: 5%;
  }
  .bagianIsi .row .col-isi {
    width: 100%;
  }
  .col-side {
    display: none;
    clear: both;
  }
  .materiLain .row {
    padding: 10%;
  }
  .materiLain .row .col {
    margin-bottom: 5%;
  }
  .materiLain .row .col .card {
    width: 6rem !important;
    height: 6rem;
  }
  .materiLain .row .col .card .card-body {
    padding: 10%;
  }
  .materiLain .row .col .card .card-title {
    text-align: center;
    font-size: 0.9em;
  }
}
/*# sourceMappingURL=isiPembelajran.css.map */