html {
  scroll-behavior: smooth;
}

body {
  background-color: #64AA2B;
  background-image: url("https://dinofarm.ru/wp-content/uploads/2022/07/1-cover-2-1024x641.jpg");
background-size: cover;
background-attachment: fixed;
}

img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

nav {
  text-align: center;
}
.navbar {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #64AA2B;
  justify-content: center;
  border: 1px;
  border-radius: 20px;
  gap: 7%;
}
.navbar li a{
  display: block;
  color: #131313;
  text-align: center;
  margin-top: 5%;
  margin-bottom: 3%;
  padding: 1% 2%;
  text-decoration: none;
}
.navbar li a:hover {
  background-color: #BF9B30;
  border: 1px;
  border-radius:20px;
}
.navbar li a:focus {
  outline: 1px solid ;
  inline-offset: 2px;
}


.back {
  background: #64AA2B;
  margin-left: 20%;
  margin-right: 20%;
  font-family: cursive;
  font-weight: 600; cursor: pointer:
  transition: opacity .2s ease;
  padding: 1%
}
.back:hover{opacity .85}
.back:active{transform: translateY(10px)}
.back:focus{outline: 1px solid #E3329C; outline-offset: 1px }

.back1 {
  text-align: center;
}

div {
  background-color: #35D2AB;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 5%;
  padding: 1% 3%;
  border: 2px, solid;
  border-radius: 20px;
}

.start {
  padding: 0.5% 3%;
}

h1 {
  font-family: Inter;
  color: #131313;
  text-align: center;
}

p {
  color: #131313;
}

.header {
  border: 2px, solid;
  border-radius: 20px;
}

.trias {
  background-color: #BF9B30;
}

.ura{}

.mel{}