@charset "UTF-8";
html {
  height: 100%;
  font-family: "Inter", sans-serif;
  background: rgb(255, 237, 210);
  background: linear-gradient(0deg, rgba(255, 237, 210, 0.2) 0%, rgba(255, 241, 231, 0.2) 23%, rgba(232, 255, 249, 0.2) 67%, rgba(197, 219, 255, 0.2) 100%), no-repeat;
}

.prev {
  position: absolute;
  left: 5vw;
  top: 5vw;
  padding: 10px;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prev #prev-logo {
  width: 10px;
}

.prev:hover {
  background-color: #80A9A0;
}

h3, h5 {
  margin-block-start: 3em;
  color: #034236;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.errorlist {
  display: block;
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}
.errorlist li {
  position: absolute;
  font-size: 15px;
  color: #f30c53;
}

form {
  width: 50%;
  margin: auto;
  display: flex;
  flex-direction: column;
}
form input {
  margin-top: 20px;
  font-size: 20px;
  border: 2px solid #2bbdb4;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: white;
  color: #293b4b;
}
form label {
  font-size: 20px;
  margin: 20px auto 0 auto;
}

button {
  margin-top: 3vw;
  box-sizing: border-box;
  text-align: center;
  border: 0;
  font-weight: 600;
  background-color: #2bbdb4;
  font-size: 20px;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
}
button a {
  text-decoration: none;
  color: white;
}

.form_toggle-radio {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.form_toggle-radio > div {
  text-align: center;
}
.form_toggle-radio > div label {
  display: flex;
  flex-direction: column-reverse;
}
.form_toggle-radio > div label input[type=radio] {
  margin: auto;
  margin-top: 10px;
  color: #2bbdb4;
}

input[type=radio] {
  width: 10px; /* задать желаемую ширину */
  height: 10px;
  -webkit-appearance: none; /* убрать стандартный внешний вид браузера */
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #2bbdb4; /* задать стиль рамки */
  border-radius: 50%; /* сделать радио-кнопку круглой */
  outline: none; /* убрать контур при фокусе */
}

input[type=radio]:checked {
  background-color: #2bbdb4; /* изменить цвет радио-кнопки при выборе */
}

/*размеры планшетов*/
@media (max-width: 769px) {
  form {
    width: 80%;
    padding-top: 15vw;
  }
  button {
    margin-top: 8vw;
    padding: 15px 25px;
  }
}
/**/
@media (max-width: 481px) {
  form {
    width: 90%;
    padding-top: 15vw;
  }
  form input {
    padding: 10px;
  }
  button {
    margin-top: 8vw;
    padding: 10px;
  }
}/*# sourceMappingURL=logins.css.map */