@font-face {
  font-family: "roboto bold";
  src: url("../fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
  font-family: "roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf");
}

@font-face {
  font-family: "google sans";
  src: url("../fonts/google-sans/Product\ Sans\ Regular.ttf");
}

@font-face {
  font-family: "google sans bold";
  src: url("../fonts/google-sans/Product\ Sans\ Bold.ttf");
}

@font-face {
  font-family: "jetBrains mono";
  src: url("../fonts/JetBrains_Mono/JetBrainsMono-Regular.ttf");
}

@font-face {
  font-family: "jetBrains mono semi bold";
  src: url("../fonts/JetBrains_Mono/JetBrainsMono-SemiBold.ttf");
}

@font-face {
  font-family: "jetBrains mono bold";
  src: url("../fonts/JetBrains_Mono/JetBrainsMono-Bold.ttf");
}

@font-face {
  font-family: "jetBrains mono extra bold";
  src: url("../fonts/JetBrains_Mono/JetBrainsMono-ExtraBold.ttf");
}

@font-face {
  font-family: "oswald";
  src: url("../fonts/Oswald/Oswald-Regular.ttf");
}

@font-face {
  font-family: "oswald bold";
  src: url("../fonts/Oswald/Oswald-Bold.ttf");
}

@font-face {
  font-family: "nunito";
  src: url("../fonts/Nunito/Nunito-Regular.ttf");
}

@font-face {
  font-family: "nunito bold";
  src: url("../fonts/Nunito/Nunito-Bold.ttf");
}

body {
  /* background: #000000; */
  /* background: linear-gradient(90deg, #000000 0%, #434343 75%); */
  /* height: 100%; */
  /* background-color: #000000; */
  /* background-image: linear-gradient(147deg, #000000 0%, #434343 74%); */
  /* background-color: #292929; */
  background-image: url("../images/519171.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: "google sans";
  /* color: white; */
}

.panel {
  /* position: absolute; */
  top: 50%;
  left: 50%;
}

#forgotField {
  color: #b1b1b1;
  text-align: right;
  font-size: 14px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}