@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  background-image: url(/img/foggy-autumn-mountain-landscape-with-spruce-forest.jpg);
  background-size: 5472px 3648px;
}
h3 {
  margin-top: 12%;
}
section {
  padding-left: 20px;
  padding-right: 20px;
  position: left;
  width: 80%;
  height: 650px;
  display: flex;
  font-size: 2em;
  align-items: center;
  font-weight: 800;
  margin-left: 10%;
}
textarea {
  margin-bottom: 10px ;
  width: 100%;
  height: 100px;
}
nav {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  background: #37917a;
  display: flex;
  align-items: center; /* Центрирует картинку и текст по вертикали */
  justify-content: center; /* Центрирует содержимое по горизонтали */
  gap: 10px; /* Расстояние между текстом и картинкой */
}
nav a {
  position: relative;
  color: rgb(242, 243, 243);
  text-decoration: none;
  padding: 8px 25px;
  font-size: 1.5em;
  text-transform: uppercase;
  display: inline-block;
}
nav img {
  margin-left: 1%;
  width: 90px;
}
nav a:hover,
section#1:hover ~ nav a [href="#1"],
section#2:hover ~ nav a [href="#2"],
section#3:hover ~ nav a [href="#3"],
section#4:hover ~ nav a [href="#4"],
section#5:hover ~ nav a [href="#5"],
section#6:hover ~ nav a [href="#6"],
section#7:hover ~ nav a [href="#7"] {
  color: black;
  background-color: azure;
}

button {
  position: relative;
  left: 40%;
  font-size: 0.7em;
  font-weight: bold;
  color: #e1ebe7 !important;
  padding: 15px 25px;
  border-radius: 5px;
  border: 2px ridge #000c05;
  background: #035e33;
  background: linear-gradient(to top, #067440, #059968);
}
button:hover {
  color: #cccccc !important;
  background: #f66d52;
  background: linear-gradient(to top, #f66d52, #9e220a);
}

p {
  text-indent: 2%;
}