footer {
  display: block;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  color: #8f8f8f;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  background: #0D1117; }
  footer a {
    cursor: pointer;
    color: #8F8F8F;
    text-decoration: none; }
    footer a:hover, footer a:focus {
      outline: none; }
    footer a:hover {
      color: #2F68FE;
      background: linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
    footer a.underline {
      text-decoration: underline; }
  footer .container {
    font-size: 20px;
    align-items: flex-start;
    border-top: 1px solid #202937;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px; }
    @media (max-width: 767.98px) {
      footer .container {
        align-items: center;
        display: grid;
        flex-flow: column;
        justify-content: center;
        text-align: center; } }
  footer .links {
    font-size: calc(0.8 * 20px);
    font-weight: 500; }
    @media (max-width: 767.98px) {
      footer .links {
        font-size: 1.14rem;
        font-weight: 500;
        line-height: 200%;
        margin: 1.43rem;
        order: 2; } }
    footer .links ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      footer .links ul li {
        margin: 0;
        padding: 0; }
  footer .copyright {
    font-size: 80%;
    padding: .3em 0;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      footer .copyright {
        font-size: 1.14rem;
        font-weight: 500;
        order: 3; } }
  footer .social {
    font-size: 20px; }
    @media (max-width: 767.98px) {
      footer .social {
        font-size: 1.14rem;
        font-weight: 500;
        line-height: 200%; } }
    footer .social ul {
      display: flex;
      margin: 0; }
      footer .social ul li {
        margin: 0 .25em; }
    footer .social .icons {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: calc(0.8 * 20px); }
      footer .social .icons a {
        margin: calc(0.4 * 20px); }
        footer .social .icons a img {
          display: block;
          width: calc(1.6 * 20px);
          height: calc(1.6 * 20px); }
          @media (max-width: 767.98px) {
            footer .social .icons a img {
              width: calc(2.3 * 20px);
              height: calc(2.3 * 20px); } }

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