.four-o-four {
  height: 200px;
  padding: 10em 0 20em; }
  .four-o-four .main-div {
    text-align: center; }
    .four-o-four .main-div .main-icon, .four-o-four .main-div .main-text {
      font-size: 36pt; }
    .four-o-four .main-div .bottom-text {
      font-size: 14pt; }
  .four-o-four .button-wrapper {
    margin-top: 2em;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .four-o-four .button-wrapper .home-btn button {
      border: none;
      background-color: var(--accent-color);
      color: var(--contrast-accent-color);
      cursor: pointer;
      width: 12em;
      height: 3em;
      border-radius: 0.5em;
      font-weight: bold; }
      .four-o-four .button-wrapper .home-btn button:hover {
        filter: brightness(120%); }

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