/* =============================================================================
// @name Homepage Styles
// @description Homepage specific styling.
// @group page
// @file src/sass/pages/home.page.scss
// ========================================================================== */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.bg-night-rider {
  color: #fff;
  background-color: #343333;
}

.bg-night-rider a {
  color: #fff;
}

.bg-woodsmoke {
  color: #fff;
  background-color: #1c1d1d;
}

.bg-woodsmoke a {
  color: #fff;
}

.bg-shakespeare {
  color: #000;
  background-color: #3d97d2;
}

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

div#block-boemlinkedin > .block__content,
div.block--linkedin > .block__content {
  max-width: 81.25em;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 4.5rem;
}

.block--join-the-team {
  background: #ffca0a;
  padding: 4.5rem 0;
}

.block--join-the-team .block__content {
  max-width: 81.25em;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/*# sourceMappingURL=../_sourcemaps/pages/home.page.css.map */