footer.footer {
  padding: 20px 0;
  background-color: #2c2c2c;
  color: whitesmoke;

  div.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;

    a {
      text-decoration: none;
      color: whitesmoke;
    }

    a:hover {
      opacity: 0.8;
    }

    div.spacer {
      flex: 1 1 auto;
    }

    div.license {
      display: inline-block;
      white-space: nowrap;
      padding: 8px 30px 8px 0;
    }

    div.links {
      padding: 8px 0;

      > a {
        display: inline-block;
        white-space: nowrap;
        padding-right: 15px;
      }
    }

    div.languages {
      padding: 8px 0;

      ::ng-deep {
        .mat-mdc-select {
          min-width: 150px;
        }

        .mat-mdc-select-value {
          max-width: 100%;
          width: auto;
        }

        .mat-mdc-select-value-text {
          color: whitesmoke;
        }

        .mat-mdc-select-arrow {
          color: whitesmoke;
        }

        .mat-mdc-select-placeholder {
          color: rgba(255, 255, 255, 0.7);
        }
      }
    }
  }
}
