.footer-section {
  position: fixed;
  bottom: 0;
  mix-blend-mode: normal;
}

@media (pointer: fine) {
  .footer-section {
    width: 100%;
    color: var(--white-diff);
    padding-bottom: max(3vh + 1rem,1rem);
    padding-inline: max(3vw + 1rem, 1rem);
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }
  
  .footer-section .left-part,
  .footer-section .credentials {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 120%;
  }
  
  .footer-section .networks {
    display: flex;
    justify-content: space-evenly;
    gap: 1rem;
  }
  
  .footer-section .credentials {
    margin-left: auto;
    margin-right: 4rem;
  }
  
  .network-icons {
    height: max(1vh,1vw);
  }
}

@media (pointer: coarse) {
  .footer-section {
    display: flex;
    flex-flow: column nowrap;
    width: 100vw;
    align-items: center;
    mix-blend-mode: difference;
    color: var(--white-diff);
    font-weight: 500;
    font-size: max(1.3vw, 1.3vh);
    margin-block: min(8vh, 8vw) min(5vh, 5vw);
  }
  
  .left-part,
  .credentials {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    align-items: center;
  }
  
  .credentials {
    margin-block: min(4vh, 4vw);
  }
  
  .networks {
    --_icon-size: min(4vh,4vw);
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }
  
  .network-icons {
    height: var(--_icon-size);
  }

  @media (orientation: landscape) {
    .footer-section {
      flex: 0 0 9vh;
      flex: 0 0 9dvh;
      font-size: min(1.3vw, 1.3vh);
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding-inline: 5%;
    }

    .left-part,
    .credentials {
      font-size: min(1.7vw, 1.7vh);
      align-items: flex-start;
    }
    
    .left-part {
      flex: 0 0 70%;
    }

    .credentials {
      flex: 0 0 10%;
      margin: 0 ;
    }
    
    .networks {
      flex: 0 0 15%;
      --_icon-size: min(3vh, 3vw);
    }
  }
}