body {
  font-family: "Courier New", sans-serif;
  background: #fffff5;
}

/*Логотип*/

svg {
  width: 100%;
  height: 100%;
}
.perspecitive-container {
  margin-left: 50%;
  margin-top: 40px;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
@keyframes rotateKader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#kader {
   transform-origin: 50% 50%;
   position: relative;
   animation: rotateKader 8s infinite linear;
   perspective: 500px;
   transform-style: preserve-3d;
   z-index: 10;
}
@keyframes frontBack {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.8);
  }
  60% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
#house-back {
  animation: frontBack 4.2s infinite linear;
}

/*Логотип*/

header {
  background: #fff no-repeat center top / cover;
  border: 2px solid #62b762;
  border-radius: 10px;
  margin: 20px auto;
  max-width: 800px;
  min-height: 95vh;
  box-shadow: 0 0.1rem 1.5rem rgb(40 36 89 / 20%),
    0 0.25rem 0.4rem rgb(40 36 89 / 15%);
}

h1 {
  text-decoration: none;
  color: #183418;
  text-align: center;
  font-size: 26px;
  line-height: 1.7em;
  font-weight: bold;
  display: block;
  margin-top: 30px;
  text-shadow: 7px 7px 5px rgba(147, 150, 150, 0.47);
}

h2 {
  text-decoration: none;
  color: #183418;
  text-align: center;
  font-size: 22px;
  line-height: 1.7em;
  font-weight: bold;
  display: block;
  margin-top: -30px;
  text-shadow: 7px 7px 5px rgba(147, 150, 150, 0.47);
}

ul {
  padding-inline-start: 0;
}

li {
  list-style-type: none;
}

marquee {
  height: 40px;
  margin-left: 44px;
  margin-right: 44px;
  margin-top: 5px;
  font-weight: bold;
  text-decoration: none;
  color: #005640;
  font-style: normal;
  font-size: 20px;
  line-height: 2.4em;
  text-shadow: 7px 7px 5px rgba(147, 150, 150, 0.47);
}

.menu_1,
.menu_2,
.menu_3,
.menu_4,
.menu_5 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin: 25px 25px;
  margin-right: 40px;
}

.menu_5 {
  margin-bottom: 25px;
}

.button_01:hover,
.button_1:hover,
.button_2:hover,
.button_3:hover,
.button_4:hover,
.button_5:hover,
.button_6:hover,
.button_7:hover,
.button_8:hover,
.button_9:hover,
.button_10:hover,
.button_11:hover,
.button_12:hover,
.button_13:hover,
.button_14:hover,
.button_15:hover {
  background-image: -webkit-linear-gradient(top, #fff, #e3ebe3);
  background-image: linear-gradient(top, #fff, #f4f1ee);
}

a.button_01:hover,
a.button_1:hover,
a.button_2:hover,
a.button_3:hover,
a.button_4:hover,
a.button_5:hover,
a.button_6:hover,
a.button_7:hover,
a.button_8:hover,
a.button_9:hover,
a.button_10:hover,
a.button_11:hover,
a.button_12:hover,
a.button_13:hover,
a.button_14:hover,
a.button_15:hover {
  -webkit-box-shadow: 11px 20px 19px -27px rgba(0, 0, 0, 1);
}

.button_1,
.button_2,
.button_3,
.button_4,
.button_5,
.button_6,
.button_7,
.button_8,
.button_9,
.button_10,
.button_11,
.button_12,
.button_13,
.button_14,
.button_15 {
  background: #fff;
  border: 3px solid #418b41;
  border-radius: 15px;
  width: 100%;
  height: 220px;
  text-align: center;
  text-decoration: none;
  color: #183418;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 2.5em;
  display: block;
  box-shadow: 17px 24px 19px -22px rgba(0, 0, 0, 1);
  background-image: -webkit-linear-gradient(top, #fff, #f4fcf3);
  background-image: linear-gradient(top, #fff, #f4f1ee);
  padding: 5px;
}

.button_3,
.button_4,
.button_10 {
  line-height: 2em;
}

.button_11 {
  line-height: 3em;
}

.button_8,
.button_9,
.button_12,
.button_15 {
  line-height: 4.2em;
}

@media screen and (max-width: 750px) {
  .button_1,
  .button_2,
  .button_3,
  .button_4,
  .button_5,
  .button_6,
  .button_7,
  .button_8,
  .button_9,
  .button_10,
  .button_11,
  .button_12,
  .button_13,
  .button_14,
  .button_15 {
    width: 100%;
    height: 120px;
    margin-top: -10px;
    font-size: 16px;
    line-height: 1.3em;
  }

  .button_11 {
    line-height: 2em;
  }

  .button_8,
  .button_9,
  .button_12,
  .button_15 {
    line-height: 2.2em;
  }
}

@media screen and (max-width: 610px) {
  header div {
    justify-content: center;
  }
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 16px;
    line-height: 2em;
  }
  marquee {
    font-size: 16px;
  }
  .menu_1,
  .menu_2,
  .menu_3,
  .menu_4,
  .menu_5 {
    display: block;
  }
  .button_1,
  .button_2,
  .button_3,
  .button_4,
  .button_5,
  .button_6,
  .button_7 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin-top: 20px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 0.7em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
  .button_8,
  .button_9,
  .button_11,
  .button_12 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 1.2em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
  .button_10 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.07em;
    font-size: 16px;
    line-height: 0.6em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
  .button_13 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 0.7em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
  .button_14 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 0.7em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
  .button_15 {
    border: 4px solid #4a8744;
    border-radius: 50px;
    width: 100%;
    height: 54px;
    margin: 20px auto;
    text-decoration: none;
    color: #222222;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 1.2em;
    box-shadow: 0px 24px 19px -22px rgba(0, 0, 0, 1);
  }
}