/* -- AUTH LAYOUT -- */

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.auth-page {
  display: flex;
  min-height: 100%;
}

.auth-page__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 15px;
}

.auth-panel {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 85%;
}

.auth-panel__media {
  display: flex;
  flex: 2;
  justify-content: center;
  align-items: center;
}

.auth-panel__media img {
  max-width: 90%;
  max-height: 100%;
  object-fit: contain;
}

.auth-panel__form {
  flex: 1;
  padding: 20px;
}

.register-page::before {
  content: "";
  position: fixed;
  left: 0;
  width: 27%;
  height: 80%;
  background-image: url("../images/left.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  z-index: -1;
}

.register-page::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 27%;
  height: 80%;
  background-image: url("../images/right.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  z-index: -1;
}

.reset-page .card {
  margin-bottom: 0;
}

.reset-page .reset-back-link {
  margin-bottom: 1.5rem;
}