@import url("../../template/css/app.css");
@import url("../../template/css/fonts.css");
@import url("../../template/css/colors.css");
body {
  font-family: "iranyekanBakh";
  height: 100svh;
}

body main {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../../images/login-bg.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../images/login-bg.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main form {
  width: 25%;
  background-color: var(--color-white);
  border-radius: 1rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body main form h1 a {
  display: block;
}

body main form h1 a img {
  width: 10rem;
}

body main form h2 {
  font-family: "iranyekanBakhHeavy";
}

body main form h3 {
  margin: 0.5rem 0 1.5rem;
  font-family: "iranyekanBakh";
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--color-second-text);
}

body main form h4 {
  color: var(--color-red);
  font-size: 0.8rem;
}

body main form input {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--color-for-bg);
  border: none;
  border-radius: 0.25rem;
  font-family: "iranyekanBakh";
}

body main form select {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--color-for-bg);
  border: none;
  border-radius: 0.25rem;
  font-family: "iranyekanBakh";
}

body main form button {
  font-family: "iranyekanBakh";
  width: 100%;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-main);
  color: var(--color-white);
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

body main form button svg {
  width: 1rem;
  margin-right: 0.25rem;
}

body main form button:hover {
  background-color: var(--color-gray);
}
/*# sourceMappingURL=login.css.map */