/* .grid-container {
  display: grid;
  grid-gap: 0.1em;
  grid-template-columns: 25fr 10fr 10fr 2.5fr 15fr 15fr 0.5fr 10fr 12fr;
  grid-template-rows:
    6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr
    6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr;
  
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
} */
/* height: 1080px; */

.grid-container {
  display: grid;
  grid-gap: 0.1em;
  grid-template-columns: 25fr 10fr 10fr 2.5fr 15fr 15fr 0.5fr 10fr 12fr;
  grid-template-rows:
    6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr
    6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr 6.25fr
    auto; /* Добавляем новую строку для футера */
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}

.back-ground {
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.3)
    ),
    url("../images/img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 13.7em !important;
}

.back-ground-no-image {
  background-position: center 13.7em !important;
}

.container-logo {
  grid-area: 1/1/4/2;
}

a {
  text-decoration: none;
}

.label-1,
.label-2,
.label-3,
.label-4,
.label-5,
.footer {
  grid-area: 2/2/3/3;
  background-color: rgb(182, 227, 214);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  margin-left: 1.5em;
  border-radius: 1em;
  margin-right: 0em;
}

.label-2 {
  grid-area: 2/3/3/4;
}

.language-select-container,
.language-submit-container {
  background-color: rgb(195, 225, 149);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  margin-left: 1em;
  border-radius: 1em;
  padding: 5% 5% 5% 5%;
  /* word-wrap: break-word; */
  white-space: normal;
}

.language-select,
.language-submit {
  font-size: 1.5em;
  border-radius: 1em;
  border-color: rgb(182, 227, 214);
  color: blue;
  /* word-wrap: break-word; */
  white-space: normal;
}

.language-submit {
  background-color: rgb(195, 225, 149);
  border-style: none;
  color: blue;
}

.form-lang {
  grid-area: 2/5/3/7;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.label-1:hover,
.label-2:hover,
.label-3:hover,
.label-4:hover,
.label-5:hover {
  border: 0.1em solid lightcoral;
}

.language-submit-container:hover {
  border: 0.15em solid lightcoral;
}

.header {
  grid-area: 1 / 2 / 4 / -1;
  background-color: #b9b6da;
  height: 216px;
}

.label-3 {
  grid-area: 2/8/3/9;
  margin-left: 1.8em;
}

.label-4 {
  grid-area: 2/9/3/9;
  margin-right: 0.8em;
  margin-left: 0.3em;
}

.label-5 {
  grid-area: 2/8/3/9;
  margin-right: 0.8em;
  margin-left: 0.3em;
}

/* .footer {
  grid-area: 16 / 1/ 16 / -1;
  border-radius: 0;
  padding: 1em 0 1em 0;
  margin: 0;
} */

.footer {
  grid-area: 17 / 1 / 18 / -1;
  border-radius: 0;
  padding: 1em 0 1em 0;
  margin: 0;
}

.form-container,
.form-login {
  grid-area: 6/3/12/5;
}

.form-auth {
  grid-area: 8/5/9/5;
}

#id_username,
#id_email,
#id_password1,
#id_password2,
.submit,
#id_password {
  width: 20em;
  font-size: 2em;
  border-radius: 1em;
}

.label-reg,
.enter-site {
  font-size: 2em;
  font-weight: 800;
}

.submit,
.submit-login {
  margin-top: 2em;
  letter-spacing: 0.2em;
  font-size: 2em;
  border-radius: 1em;
}

.submit:hover,
.submit-login:hover,
.enter-site:hover {
  background-color: lightgreen;
  color: blue;
  cursor: pointer;
}

.enter-site {
  border-radius: 1em;
  border-color: magenta;
  color: green;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}