/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/frontend/frontend-style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.non-logged-in {
  margin-top: 150px;
}
.non-logged-in .non-login-message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  text-align: center;
  padding: 2rem;
  flex-direction: column;
  gap: 10px;
}
.non-logged-in .non-login-message .login-btn {
  font-family: var(--e-global-typography-44e736f-font-family), Sans-serif;
  font-size: var(--e-global-typography-44e736f-font-size);
  font-weight: var(--e-global-typography-44e736f-font-weight);
  background: var(--e-global-color-accent);
  color: var(--e-global-color-39ae0a3);
  text-transform: var(--e-global-typography-44e736f-text-transform);
  border-radius: 100px 100px 100px 100px;
  padding: 10px;
}
.non-logged-in .non-login-message .login-btn:hover {
  background-color: var(--e-global-color-39ae0a3);
  color: var(--e-global-color-accent);
}

/*# sourceMappingURL=frontend-script.css.map*/