* {
  font-family: sans-serif;
}

body{
  background-color: whitesmoke;
}

.img{
  display: flex;
  justify-content: center;
}

.captcha{
  display: flex;
  justify-content: center;
}

.content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.header {
  margin-top: 1em;
  margin-bottom: 4em;
  display: flex;
  justify-content: center;
  text-align: center;
}

.legend_span {
  color: #0f9ff3;
  font-size: 0.7em;
}

.legend_span_result {
  display: flex;
  justify-content: center;
  color: #0f9ff3;
  font-size: 1em;
}

.type {
  width: 100%;
  margin-bottom: 5px;
}

.number,
.birthday,
.fio {
  width: 99%;
  margin-bottom: 5px;
}

.paragraph {
  color: #979797;
}

.answer_validate {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 1.5em;
}

.answer_search,
.g-recaptcha {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.birthday:invalid {
  border: 2px dashed rgb(255, 0, 0);
}

.required{
  color: red;
}

.result_number,
.result_document,
.result_fio,
.result_birthday {
  width: 98%;
  margin-bottom: 5px;
}

/* CSS */
.button-88 {
  --b: 3px;
  /* border thickness */
  --s: .45em;
  /* size of the corner */
  --color: #d8e2fa;
  padding: calc(.5em + var(--s)) calc(.9em + var(--s));
  color: var(--color);
  --_p: var(--s);
  background:
    conic-gradient(from 90deg at var(--b) var(--b), #0000 90deg, var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
  transition: .3s linear, color 0s, background-color 0s;
  outline: var(--b) solid #85838300;
  outline-offset: .6em;
  font-size: 16px;

  border: 0;

  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.button-89 {
  --b: 3px;
  /* border thickness */
  --s: .45em;
  /* size of the corner */
  --color: #373B44;
  padding: calc(.5em + var(--s)) calc(.9em + var(--s));
  color: var(--color);
  --_p: var(--s);
  background:
    conic-gradient(from 90deg at var(--b) var(--b), #0000 90deg, var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
  transition: .3s linear, color 0s, background-color 0s;
  outline: var(--b) solid #0000;
  outline-offset: .6em;
  font-size: 16px;

  border: 0;

  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.button-89:hover,
.button-89:focus-visible {
  --_p: 0px;
  outline-color: var(--color);
  outline-offset: .05em;
  background: #0f9ff3;
  color: #fff;
}

.button-89:active {
  background: var(--color);
  color: #fff;
}

fieldset {
  background: white;
  box-shadow: 1px 1px 20px darkgray;
  border: none;
}