@font-face {
  font-family: "Ubuntu";
  src: url("/assets/fonts/ubuntu-sans-v3-latin-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Ubuntu", sans-serif;
  color: #000a3d;
}

:root > * {
  --md-primary-fg-color: #017a7e;
  --md-primary-bg-color: #cefbfd;
  --md-accent-fg-color: #a80df2;
}

h1 {
  margin: 0 !important;
  font-size: 28px !important;
  color: #000a3d !important;
  font-weight: 600 !important;
}

h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  background-color: #b5f8fc;
  text-align: center;
  border-radius: 10px;
  color: #00676a;
}

h3 {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #206bf4;
  height: 100%;
  border-bottom: 1px solid #d5f5ff;
}

h4 {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #a80df2 !important;
  margin-top: 20px !important;
  margin-bottom: 2px !important;
}

h5 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #071e4a;
  margin-top: 20px !important;
  margin-bottom: 2px !important;
  text-transform: none !important;
}

p {
  font-size: 14px;
  text-align: justify;
  line-height: 25px;
}

small {
  font-size: 12px;
}

.blue-box {
  border-radius: 10px;
  background-color: #cefbfd;
  padding: 15px;
  width: fit-content;
  text-align: justify;
  margin-bottom: 10px;
  color: #00292a;
}

.purple-box {
  border-radius: 10px;
  background-color: #f5e8fd;
  padding: 15px;
  width: fit-content;

  img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(0%) saturate(2929%)
      hue-rotate(270deg) brightness(95%) contrast(88%);
  }
}