body {
  font-family: Helvetica, "DM Sans", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  background-color: #FFFFFF;
  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: #FB3640;
}
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);
}

.blue {
  color: #008DD5;
}

.red {
  color: #FB3640;
}

.white {
  color: #FFFFFF;
}

.black {
  color: black;
}

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

.fill-red {
  background-color: #FB3640;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.fill-red 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: 450px) {
  .x4grid img {
    width: calc(50% - 10px);
  }
}
.x4grid {
  text-align: center;
}

.x3grid img {
  width: calc(33.3333333333% - 10px);
}
@media (max-width: 450px) {
  .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;
}

.cubeCUBE {
  max-width: 90vw;
}
.cubeCUBE img {
  object-fit: contain;
  max-width: 100%;
  vertical-align: middle;
}

.inline-cube {
  height: calc(max(28px, 5ch) / 2.5);
  vertical-align: middle;
}

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