.login {
  width: 100vw;
  min-height: 100vh;
  background-color: var(--primary);
  display: grid;
  place-items: center;
  position: relative;
}
.login form {
  width: 90%;
  max-width: 470px;
}
.login form .brimaryBtn {
  width: 100%;
  float: none;
}
.login .logo {
  max-width: 11rem;
  margin-bottom: 1rem;
}
.login .logo img {
  width: 100%;
}
.login__in {
  background-color: var(--mode);
}
.login__in > div{
  width: 90vw;
  min-height: 90vh;
  padding: 3rem 1rem 1rem;
  border-radius: 10px;
  box-shadow: 0 1rem 20px 0 var(--primaryDark);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(../../img/station.png);
  background-position: center 60vh;
  background-size: 75%;
  background-repeat: no-repeat;
  position: relative;
}

.login__in .oomco {
    position: absolute;
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .4;
    z-index: 1;
}
.login__in *:not(.oomco) {
    position: relative;
    z-index: 2;
}
@media (max-width: 1000px) {
  .login__in {
    background-size: 95%;
    background-position: center 62vh;
  }
} /*# sourceMappingURL=login.css.map */