@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 100;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Thin.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Thin.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 200;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLight.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 300;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Light.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Light.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Regular.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Medium.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Medium.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBold.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Bold.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Bold.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: normal;
  font-weight: 800;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBold.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 100;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-ThinItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 200;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraLightItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraLightItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 300;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-LightItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 400;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-Italic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-Italic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 500;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-MediumItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 600;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-SemiBoldItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 700;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-BoldItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: JetBrainsMono;
  font-style: italic;
  font-weight: 800;
  src: url("../assets/fonts/JetBrainsMono/ttf/JetBrainsMono-ExtraBoldItalic.ttf") format("truetype");
  src: url("../assets/fonts/JetBrainsMono/webfonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
}
* {
  font-family: "Inter", "sans serif";
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 20px 0;
}

.form-wrapper {
  flex-grow: 1;
  max-width: 400px;
}

.footer {
  display: flex;
  justify-content: center;
  padding-bottom: 12px;
}

.monospace {
  font-family: JetBrainsMono;
  font-size: 18px;
  font-weight: bold;
}

.letter-l, .letter-L {
  background-color: lawngreen;
}

.letter-o, .letter-O {
  background-color: orange;
}

.letter-i, .letter-I {
  background-color: indianred;
}

.letter-0 {
  color: blue;
}

.letter-1 {
  color: blue;
}

.letter-2 {
  color: blue;
}

.letter-3 {
  color: blue;
}

.letter-4 {
  color: blue;
}

.letter-5 {
  color: blue;
}

.letter-6 {
  color: blue;
}

.letter-7 {
  color: blue;
}

.letter-8 {
  color: blue;
}

.letter-9 {
  color: blue;
}

/*# sourceMappingURL=index.css.map */