/* src/styles/styles.scss */
@font-face {
  font-family: "Rubik";
  src: url("./media/Rubik.ttf") format("truetype");
}
@font-face {
  font-family: "RubikItalic";
  src: url("./media/RubikItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter.ttf") format("truetype");
}
@font-face {
  font-family: "InterItalic";
  src: url("./media/InterItalic.ttf") format("truetype");
}
html {
  height: 100%;
}
body {
  margin: 0;
  font-family: "Inter", sans-serif;
  background-color: #121212;
  color: #EDEDED;
  display: grid;
  min-height: 100dvh;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "main" "footer";
}
.main {
  min-height: 83dvh;
  grid-area: main;
  display: block;
}
a {
  cursor: pointer;
  color: #35C1C1;
}
a.button-link {
  color: #EDEDED;
  text-decoration: none;
  background-color: #35C1C1;
  border-radius: 1em;
  padding: 1em 3em;
}
h1 {
  font-family: Rubik, sans-serif;
}
h1.large {
  font-size: 3em;
}
h2 {
  font-family: Rubik, sans-serif;
}
h3 {
  font-family: Rubik, sans-serif;
}
h4 {
  font-family: Rubik, sans-serif;
}
button {
  cursor: pointer;
}
button.primary {
  background-color: #35C1C1;
  font-weight: bold;
  font-size: large;
  color: #EDEDED;
  border: none;
  border-radius: 1em;
  padding: 1em 3em;
}
button.primary:disabled {
  background-color: #EDEDED;
  color: #121212;
  cursor: not-allowed;
}
button.secondary {
  background-color: #EDEDED;
  color: #121212;
  border: 2px solid #35C1C1;
  border-radius: 1em;
  padding: 1rem 2rem;
  font-weight: normal;
  font-size: medium;
}
button.destructive {
  background-color: #E74C3C;
  color: #EDEDED;
  border: none;
  border-radius: 1em;
  padding: 1em 3em;
  font-weight: normal;
  font-size: medium;
}
input,
textarea {
  border: 1px solid #35C1C1;
  background-color: transparent;
  border-radius: 1em;
  padding: 1em;
  color: #EDEDED;
  font-size: large;
  font-family: "Inter", sans-serif;
}
input:focus,
textarea:focus {
  outline: none;
}
.error {
  color: #E74C3C;
}
div.common-error {
  color: #E74C3C;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
div.common-error img {
  width: 24px;
  height: 24px;
}
.text1 {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #EDEDED;
}

/* src/styles/variables.scss */

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */