.login {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: cover ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login>header>p {
  display: flex;
  flex-direction: column;
}

.login-box>.buttons {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem;
}

.login-box .button {
  flex: 1;
}