@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
body {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  background-color: #FDEDEF;
  color: black;
  margin: 0;
  overflow-x: hidden;
  line-height: 1.2;
  font-size: max(28px, 5ch);
}
@media (max-width: 932px) {
  body {
    font-size: 24px;
  }
}

h1, h2, h3, h4, h5 {
  font-weight: 1000;
}

strong {
  font-weight: 1000;
}

a {
  text-decoration: none;
  color: #F5B700;
}
a:hover {
  text-decoration: underline;
}

.headingy {
  font-weight: 1000;
}

.huge {
  font-size: 2em;
}

.small {
  font-size: max(14px, 0.6em);
}

.tiny {
  font-size: max(14px, 0.3em);
}

.green {
  color: #04E762;
}

.blue {
  color: #00A1E4;
}

.yellow {
  color: #F5B700;
}

.purple {
  color: #8F3985;
}

.white {
  color: #FDEDEF;
}

.black {
  color: black;
}

.fill-green {
  background-color: #04E762;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-green a {
  color: inherit;
  text-decoration: underline;
}

.fill-yellow {
  background-color: #F5B700;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-yellow a {
  color: inherit;
  text-decoration: underline;
}

.fill-blue {
  background-color: #00A1E4;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-blue a {
  color: inherit;
  text-decoration: underline;
}

.fill-purple {
  background-color: #8F3985;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-purple a {
  color: inherit;
}

.fill-black {
  background-color: black;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-black a {
  color: inherit;
}

.middle-block {
  display: block;
  padding-left: 1%;
  padding-right: 1%;
}
@media (min-width: 1200px) {
  .middle-block {
    padding-left: calc(50vw - 400px);
    padding-right: calc(50vw - 400px);
  }
}

.left-block {
  display: block;
  padding-left: 1%;
  padding-right: 1%;
}
@media (min-width: 1200px) {
  .left-block {
    padding-left: max(100px, 50vw - 600px);
    padding-right: calc(100% - (max(100px, 50vw - 600px) + 800px));
  }
}

.right-block {
  display: block;
  padding-left: 1%;
  padding-right: 1%;
  text-align: right;
}
@media (min-width: 1200px) {
  .right-block {
    padding-right: max(100px, 50vw - 600px);
    padding-left: calc(100% - (max(100px, 50vw - 600px) + 800px));
  }
}

.wide-block {
  display: block;
  padding-left: 1%;
  padding-right: 1%;
}
@media (min-width: 1200px) {
  .wide-block {
    padding-left: max(100px, 50vw - 600px);
    padding-right: max(100px, 50vw - 600px);
  }
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.underline {
  text-decoration: underline;
}

.connect-below {
  margin-bottom: 0;
}

.connect-above {
  margin-top: 0;
}

.x5grid img {
  width: calc(20% - 10px);
}
@media (max-width: 500px) {
  .x5grid img {
    width: calc(50% - 10px);
  }
}
.x5grid {
  text-align: center;
}

.x4grid img {
  width: calc(25% - 10px);
}
@media (max-width: 400px) {
  .x4grid img {
    width: calc(50% - 10px);
  }
}
.x4grid {
  text-align: center;
}

.x3grid img {
  width: calc(33.3333333333% - 10px);
}
@media (max-width: 300px) {
  .x3grid img {
    width: calc(50% - 10px);
  }
}
.x3grid {
  text-align: center;
}

.x2grid img {
  width: calc(50% - 10px);
}
@media (max-width: 200px) {
  .x2grid img {
    width: 100%;
  }
}
.x2grid {
  text-align: center;
}

img {
  border-radius: 11px;
  aspect-ratio: 0.7176470588;
  object-fit: fill;
}

/*# sourceMappingURL=styles.css.map */