footer {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: max(1.5vh,8px);
    padding-top: max(2vh, 12px);
    color:var(--soft-font-color);
    font-size: 0.8rem;
    display: flex;
    justify-content: flex-end;
    z-index: 0;
  }
  
  @media(orientation:portrait) {
    footer {
      padding-bottom: 1vh;
      padding-top: 1vh;
    }
  }


  footer a{
    margin-left: 10px;
  }
  footer a:link{
    color:inherit;
  }

  footer a:visited{
    color:inherit;
  }

  footer a:hover{
    color:var(--font-color);
  }