@media screen and (max-width: 600px) {
  .main-container > .card-container {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .card-auth {
    width: 100%!important;
  }
}
.main-container {
  background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('../img/background-auth1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  /* background-size: cover; */
  background-size: 100% 100%;
  background-attachment: fixed;
  /* background-image: linear-gradient(135deg, #ffbf84, #ffa34e); */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
.main-container > .card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36rem;
  height: 28rem;
  background-color: #ffffff90;
  border-radius: 15px;
  box-shadow: 0px 0px 5px #0000002d;
  padding: 2rem;
}
.main-container > .card-container > .card-auth {
  width: 80%;
}
.app-info-v2 > div > div.col > h3,
.app-info-v2 > div > div.col > h5 {
  display: inline;
}
.app-info-v2 > div > div.col > span {
  display: block;
}
.app-info {
  width: 100%;
  margin-bottom: 2rem;
}
.app-info > img {
  vertical-align: middle;
}