.cover {
  background: url("../../assets/images/cover_image.jpg") no-repeat center center;
  background-size: cover;
  // opacity: 0.4
  position: relative;
  z-index: 0;;
  max-width: 70vw;
}

.cover::after {
  content: '';
  opacity: 0.4;
  background: linear-gradient(black, black);
  width: 100%;
  height: 100%;
  opacity: 0.6;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
  position: absolute;
}

.cover-content {
  display: block;
  max-width: 80%;
  margin: 100px;
  color: white;
  text-align: justify;
  z-index: 2;

  p {
    a {
      text-decoration: underline;
      color: white;
     }

     a:hover {
       color: lightgray;
     }
  }
}

.cover-title {
  border-bottom: 2px solid white;
  margin: 0 0 20px;
  padding-bottom: 10px;
}

.login-container {
  box-shadow: 1px 1px 50px black;
  height: 100vh;
  overflow: auto;
}

.language-selector {
  max-width: 4rem;
}

.img-container {
  max-width: 18rem;
}

.textfield {
  width: 14rem;
}

.b {
  width: 14rem;
  margin-top: 1rem;
}

p {
  margin: 0;
}

.divider {
  margin: 10px 30px;
}

// @import "../../theme/theme-variables";
// @import "~bootstrap/scss/mixins/_breakpoints";

// .login-container {
//   position: absolute;
//   top: 0;
//   bottom: 0;
//   left: 0;
//   right: 0;
// }

// .login-box {
//   display: flex;
//   flex-direction: column;
//   justify-content: center;
//   align-items: center;
//   width: 100%;
//   min-height: 100%;
// }

// .ng-invalid.ng-touched:not(form) {
//   border-left: 4px solid theme-color("danger");
// }

// @include media-breakpoint-down(xs) {
//   .container {
//     width: 100%;
//   }
// }