@media only screen and (orientation: landscape) {
  .login > .bar-top-container>.bar-top-subject-container >.bar-top-logo{
      height: clamp(4rem, 5vw, 10.5rem);
  }
}

@media only screen and (orientation: portrait) {
  .login > .bar-top-container>.bar-top-subject-container >.bar-top-logo{
      height: clamp(8rem, 20vw, 30rem);
  }
}

body{
  overflow: hidden;
}

.page-container{
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  width: 100dvw;
  height: 100dvh;
}

.login > .bar-top-container{
  justify-content: center;
}

.central-section{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90vw;
}