@import "settings";

.half-screen {
  background-color: $bg;
  min-height: 100vh;
  max-width: 640px;
  overflow-y: auto;
  padding: $padding-big * 2;
  transition: background-color .4s;
  width: 40%;

  @media #{$tablet-portrait}, #{$tablet-landscape} {
    background-color: $bg;
    width: 54%;
  }

  @media #{$phone-portrait}, #{$phone-landscape} {
    background-color: $bg-op-min;
    padding: $mm-width $padding-big;
    width: 100%;
  }

  > div {
    padding: $padding-big;
  }

  &__logo {
    color: $primary;
    height: 144px;

    svg {
      height: 100%;
    }

  }

}