html {
  width: 100%;
}

body {
  background-color: #F1F1F1;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* [COOKIE BANNER] */
  /* [/COOKIE BANNER] */
}

body a {
  text-decoration: none;
}

body h1 {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  margin: 0;
  color: #1F1F1F;
}

body .center-container::before,
body .center-container::after {
  content: '';
}

body .center-container {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0%, 20%) 1200px minmax(0%, 20%);
      grid-template-columns: minmax(0%, 20%) 1200px minmax(0%, 20%);
}

body .center-container .all-policy {
  padding: 64px 20%;
  text-align: left;
}

body .center-container .all-policy h1 {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
}

body .center-container .all-policy p {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

body .logo-login {
  display: block;
  text-align: center;
  margin-top: 144px;
}

body .login-card {
  width: 400px;
  height: auto;
  background: #F1F1F1;
  -webkit-box-shadow: 4px 4px 16px #608490;
          box-shadow: 4px 4px 16px #608490;
  border-radius: 4px;
  margin: 64px auto;
  padding: 32px 30px;
}

body .login-card .google-login-btn {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  height: 48px;
  width: 100%;
  border: 2px solid #345763;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

body .login-card .google-login-btn img {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
}

body .login-card .or-email::before,
body .login-card .or-email::after {
  content: '';
  border-bottom: 1px solid #345763;
}

body .login-card .or-email {
  height: 24px;
  width: 100%;
  margin: 8px 0 8px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
      grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .login-card .or-email p {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  margin: 0;
  padding: 6px;
}

body .login-card .email-login-container {
  position: relative;
  height: 48px;
  width: 100%;
  margin: 0 0 16px 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

body .login-card .email-login-container .material-icons {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48px;
  height: 48px;
  padding: 12px;
}

body .login-card .email-login-container input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  border: none;
  height: 48px;
  width: calc(100% - 48px);
  outline-width: 0;
  background: transparent;
  z-index: 10;
}

body .login-card .email-login-container label {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  padding: 12px 0 0 56px;
  opacity: .67;
  -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out, opacity .25s ease-in-out;
  transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

body .login-card .email-login-container input:focus + label {
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  opacity: 0;
}

body .login-card .email-login-container .text {
  display: none;
}

body .login-card .email-login-container::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  border-top: 1px solid #345763;
}

body .login-card .email-login-container:focus-within::after {
  border-top: 3px solid #345763;
}

body .login-card .email-signup-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  line-height: 48px;
  color: rgba(255, 255, 255, 0.87);
  background: #345763;
  height: 48px;
  width: 100%;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

body .login-card .if-already-sign-up {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  height: 48px;
  width: 100%;
  margin: 8px 0 8px 0;
  text-align: center;
  line-height: 48px;
}

body .login-card .if-already-sign-up span {
  font-weight: 700;
  cursor: pointer;
  color: #345763;
}

body .login-card .reset-information {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  height: 48px;
  width: 100%;
  margin: 36px 0 0 0;
  text-align: center;
}

body .login-card .to-terms {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  height: 24px;
  width: 100%;
  margin: 8px 0 8px 0;
  text-align: center;
  line-height: 24px;
}

body .login-card .to-terms span {
  font-weight: 700;
  cursor: pointer;
  color: #345763;
}

body .login-card .signup-error-password,
body .login-card .signup-error-email,
body .login-card .signup-error-all {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  background: #E8A022;
  padding: 6px;
  margin-bottom: 16px;
  border-radius: 4px;
  display: none;
}

body .login-card .signup-error-password span,
body .login-card .signup-error-email span,
body .login-card .signup-error-all span {
  font-weight: 700;
}

body .login-card .signup-error-succes {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  background: #88C540;
  padding: 6px;
  margin-bottom: 16px;
  border-radius: 4px;
  display: none;
}

body .login-card .margin-top-signup {
  margin-top: 16px;
}

body .login-card .display-error {
  display: block;
}

body #cookie-law {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  position: fixed;
  z-index: 99999;
  background: #E8A022;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 48px;
      grid-template-columns: 1fr 48px;
  padding: 30px 12%;
  text-align: center;
  right: 0;
  bottom: 0;
  left: 0;
}

body #cookie-law p {
  margin: 0;
}

body .close-cookie-banner span {
  top: 0;
  color: black;
  font-size: 25px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  body .center-container {
    -ms-grid-columns: minmax(3%, 20%) minmax(800px, 1100px) minmax(3%, 20%);
        grid-template-columns: minmax(3%, 20%) minmax(800px, 1100px) minmax(3%, 20%);
  }
}

@media (max-width: 899px) {
  body {
    width: 100%;
    text-align: center;
  }
  body .center-container {
    -ms-grid-columns: 5% 1fr 5%;
        grid-template-columns: 5% 1fr 5%;
  }
}

@media (max-width: 599px) {
  body .login-card {
    width: auto;
    margin-left: 6px;
    margin-right: 6px;
  }
  body .login-card .google-login-btn p {
    font-size: 14px;
  }
  body .login-card .if-already-sign-up {
    line-height: 24px;
  }
  body .login-card .if-already-sign-up span {
    display: block;
  }
  body .center-container .all-policy {
    padding: 64px 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body .center-container .all-policy h1,
  body .center-container .all-policy p {
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
/*# sourceMappingURL=main.css.map */