:root {
  --bs-body-bg: $pb-dark-blue;
  --bs-body-color: $pb-white;
  --bs-font-sans-serif: $pb-font;
  --bs-font-monospace: $pb-font;
  --bs-body-line-height: 1; }

html {
  background: #173568;
  color: #ffffff;
  font-family: "Montserrat", sans-serif; }

header {
  margin-top: 2.5rem; }

.color-block {
  text-align: center;
  text-transform: uppercase; }
  .color-block p {
    display: inline-block;
    padding: 0.75rem 3rem; }
  .color-block.fuchsia p {
    background: #DD446A;
    color: #ffffff; }
  .color-block.white p {
    background: #ffffff;
    color: #173568; }
  .color-block.light-blue p {
    background: #4CBEDE;
    color: #ffffff; }
  .color-block.dark-blue p {
    background: #173568;
    color: #4CBEDE; }

.font-colour-dark-blue {
  color: #173568; }

.font-colour-light-blue {
  color: #4CBEDE; }

.font-colour-fuchsia {
  color: #DD446A; }

.font-colour-white {
  color: #ffffff; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

.font-size-xsmall {
  font-size: 10px; }

.font-size-medium {
  font-size: 36px; }

.font-size-large {
  font-size: 72px; }

@media (max-width: 576px) {
  .font-size-medium {
    font-size: 24px; }

  .font-size-large {
    font-size: 36px; } }
a {
  color: #ffffff; }
  a:hover {
    color: #DD446A; }

/*# sourceMappingURL=main.min.css.map */