html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Gramatika Regular";
  src: url(fonts/fa575a2226c4b00b21b0.ttf);
}
@font-face {
  font-family: "Pompeji";
  src: url(fonts/a50b74f831ec518ecd70.otf);
}

* {
  box-sizing: border-box;
}
html {
  font-size: calc(1vw / 14.4);
  scroll-behavior: smooth;
}
body {
  background-color: black;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  display: none;
}
.header {
  position: relative;
  padding-left: 60rem;
  z-index: 6;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30rem;
  align-items: center;
  width: 95%;
  height: 88rem;
}
.emergency_buttons {
  position: absolute;
  padding-left: 60rem;
  z-index: 3;
  bottom: 0rem;
  align-self: end;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30rem;
  align-items: center;
  width: 95%;
  height: 88rem;
}
.graphics_fix {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: -85rem;
}
.header_logo_link {
  cursor: pointer;
  text-decoration: none;
}
.header_logo {
  justify-self: start;
  width: 68rem;
}
.header_navigation {
  justify-self: end;
}
.header__links-list {
  display: flex;
  flex-direction: row;
  gap: 62rem;
}
.header__links-list-item {
  text-decoration: none;
  list-style: none;
}
.header__links-list-item_link {
  text-decoration: none;
  font-family: Gramatika Regular;
  color: white;
  font-size: 20rem;
}
.arrow_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40rem;
}
.arrow_right {
  width: 40rem;
  position: absolute;
  top: 0;
  right: 0;
}
.arrow_left_lower {
  position: absolute;
  width: 40rem;
  bottom: 0;
  left: 0;
}
.arrow_right_lower {
  width: 40rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.adaptiv_navigation {
  display: none;
}
.sitestub {
  display: flex;
  flex-direction: column;
  padding: 127rem 50rem 0;
}
.sitestub__title {
  position: relative;
  margin-top: -86rem;
  padding: 80rem 0 0 25rem;
  font-family: Pompeji;
  color: #ff5e00;
  font-size: 150rem;
}
.sitestub__description {
  margin-top: 35rem;
  text-align: center;
  padding-top: 12rem;
  width: 884rem;
  height: 40rem;
  background-color: #292929;
  border-radius: 50rem;
  list-style: none;
}
.undername_sitestub {
  position: relative;
  top: -7rem;
  font-family: Gramatika Regular;
  color: white;
  font-size: 22rem;
}
.sitestub__flowers {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 200rem;
  width: 590rem;
  height: 645rem;
}
.sitestub__buttercup {
  position: absolute;
  left: -80rem;
  top: -30rem;
  width: 828rem;
}
.sitestub__callalily {
  position: absolute;
  left: -100rem;
  top: 220rem;
  width: 567rem;
}
.text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-top: 255rem;
  gap: 24rem;
}
.text-wrapper_title {
  font-family: Gramatika Regular;
  color: white;
  font-size: 25rem;
}
input[type="email"] {
  width: 323rem;
  height: 56rem;
  border-radius: 100rem;
  border: 2rem solid white;
  padding: 5rem 30rem;
  background-color: rgba(255, 255, 255, 0.2);
  font-family: Gramatika Regular;
  color: #eee;
  font-size: 20rem;
}
input[type="email"]::placeholder {
  font-family: Gramatika Regular;
  color: rgba(238, 238, 238, 0.75);
  font-size: 20rem;
}
#my-form {
  display: flex;
  gap: 18rem;
}
#my-form-button {
  width: 157rem;
  height: 56rem;
  border-radius: 100rem;
  border: none;
  background-color: white;
  font-family: Gramatika Regular;
  color: #000;
  font-size: 20rem;
  cursor: pointer;
}
#my-form-button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
#my-form-status {
  font-family: Gramatika Regular;
  color: #eee;
  font-size: 20rem;
  text-align: center;
}
.social-list {
  position: absolute;
  top: 755rem;
  width: 200rem;
  align-self: end;
  display: flex;
  justify-content: space-between;
  gap: 20rem;
  list-style: none;
  padding: 0;
}
.social-icon {
  display: block;
  height: auto;
  width: 60rem;
  max-width: 100%;
}
.cover {
  display: flex;
  flex-direction: column;
  padding: 48rem 0 0;
  align-items: center;
}
.title {
  position: relative;
  z-index: 2;
  margin-top: -10rem;
  font-family: Pompeji;
  color: #ff5e00;
  font-size: 190rem;
  text-align: center;
}
.description {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-top: 12rem;
  width: 1114rem;
  height: 40rem;
  background-color: #292929;
  border-radius: 50rem;
}
.undername {
  position: relative;
  top: -7rem;
  font-family: Gramatika Regular;
  color: white;
  font-size: 22rem;
}

.section_name {
  display: flex;
  flex-direction: column;
  gap: 32rem;
}

.info_button {
  text-align: center;
  padding-top: 9rem;
  width: 236rem;
  height: 50rem;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50rem;
  border: none;
  cursor: pointer;
}
.info_button_description {
  position: relative;
  top: -7rem;
  font-family: Gramatika Regular;
  color: black;
  font-size: 20rem;
}
.extra_button {
  justify-self: end;
  text-align: center;
  padding-top: 9rem;
  width: 236rem;
  height: 50rem;
  background-color: rgba(255, 93, 0, 0.75);
  border-radius: 50rem;
  border: none;
  cursor: pointer;
}
.extra_button_description {
  position: relative;
  top: -7rem;
  font-family: Gramatika Regular;
  color: white;
  font-size: 20rem;
}
.flowers {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 150rem;
  width: 100%;
  min-height: 720rem;
}
.flowers_item {
  position: absolute;
}
.flowers_birdofparadise {
  width: 450rem;
  rotate: -10deg;
  left: -20rem;
  top: 366rem;
}
.flowers_callalily {
  width: 450rem;
  left: 200rem;
  top: 440rem;
}
.flowers_buttercup {
  width: 720rem;
  left: -140rem;
  top: 240rem;
}
.flowers_lycoris {
  width: 720rem;
  left: 120rem;
  top: 120rem;
}
.flowers_dahlia {
  z-index: 4;
  width: 900rem;
  left: 180rem;
  top: 10rem;
}
.flowers_rose {
  width: 600rem;
  left: 420rem;
  top: 370rem;
}
.flowers_lycoris_reflection {
  width: 720rem;
  rotate: 0deg;
  left: 540rem;
  top: 140rem;
}
.flowers_zinnia {
  width: 640rem;
  left: 760rem;
  top: 260rem;
}
.flowers_anthurium {
  width: 850rem;
  rotate: 20deg;
  left: 760rem;
  top: 180rem;
}
.aboutus {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  margin-top: 560rem;
  min-height: 750rem;
  padding: 80rem 0;
  gap: 100rem;
}
.title_second {
  position: relative;
  z-index: 2;
  font-family: Pompeji;
  color: white;
  font-size: 110rem;
  text-align: center;
}
.description_aboutus {
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: Gramatika Regular;
  color: white;
  font-size: 20rem;
  line-height: 28rem;
}
.description_aboutus p {
  margin-bottom: 40rem;
}
.background-gradient_div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  justify-self: center;
  overflow: hidden;
  top: 120rem;
  z-index: 1;
  width: 1400rem;
  min-height: 200rem;
}
.background-gradient {
  width: 1900rem;
  height: 500rem;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 93, 0, 0.8) 0%,
    rgba(255, 93, 0, 0.5) 20%,
    rgba(0, 0, 0, 0.7) 70%
  );
}
.box {
  width: 100%;
  height: 400rem;
  background-color: #292929;
}
.aid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60rem;
}
.check_list_section {
  height: 600rem;
  padding: 72rem 420rem;
  background-image: url(images/1678dbdd6d17a278ad7a.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30rem;
  font-family: Gramatika Regular;
  color: rgb(0, 0, 0);
  font-size: 20rem;
  line-height: 28rem;
}
.list_frame {
  background-color: #ffffff;
  border-radius: 30rem;
  width: 600rem;
  height: 380rem;
  padding: 51rem 52rem;
}
.list {
  display: flex;
  flex-direction: column;
  list-style-type: circle;
  gap: 30rem;
  padding-left: 25rem;
}
.list_item_link {
  color: #000000;
  text-underline-offset: 5rem;
  text-decoration: underline;
  text-decoration-thickness: 1.2rem;
}
.glossary {
  padding: 200rem 50rem;
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.title_third {
  position: relative;
  font-family: Pompeji;
  color: white;
  font-size: 64rem;
  text-align: left;
}
.carousel_item {
  width: 25%;
  height: 270rem;
  background-color: #ff5e00;
}
.active {
  width: 50%;
  background-image: url(images/147b6face21b24396212.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 150rem 0 150rem;
  display: flex;
  justify-content: end;
  align-items: end;
  padding: 0 20rem 20rem 0;
  box-sizing: border-box;
}
.carousel_item_img_second {
  background-image: url(images/897576f8b54a297bff9c.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel_item_img_third {
  background-image: url(images/40f51e635c7f372fe200.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 70rem;
  width: 100%;
}
.to_glossary {
  text-align: center;
  width: 236rem;
  height: 50rem;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50rem;
  border: none;
  cursor: pointer;
  font-family: Gramatika Regular;
  color: rgb(0, 0, 0);
  font-size: 20rem;
}
.to_glossary_adaptive {
  display: none;
}
.footer {
  padding: 60rem 50rem;
  height: 500rem;
  background-image: url(images/d01e14ff45f787097827.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub_form {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  width: 545rem;
}
.social_media {
  width: 200rem;
}
.social_media_list {
  display: flex;
  align-self: end;
  gap: 20rem;
  list-style: none;
}
.icon {
  width: 50rem;
  height: 50rem;
}
.team {
  font-family: Gramatika Regular;
  color: rgb(255, 255, 255);
  font-size: 20rem;
  display: flex;
  flex-direction: column;
  row-gap: 10rem;
}
.team_row {
  display: flex;
  gap: 20rem;
}
.university {
  font-family: Gramatika Regular;
  color: rgb(255, 255, 255);
  font-size: 20rem;
}
.first_footer_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.second_footer_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.title_second_orange {
  color: #ff5e00;
}
#my-form-button_adaptive {
  display: none;
}

.flowers_birdofparadise,
.flowers_callalily {
  animation: sway-scale 15s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes sway-scale {
  0% {
    transform: rotate(-7deg) scale(1);
  }
  50% {
    transform: rotate(-14deg) scale(1.02);
  }
  100% {
    transform: rotate(-4deg) scale(1);
  }
}

.flowers_buttercup {
  animation: slopes_buttercup 20s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_buttercup {
  0% {
    transform: rotate(3deg) scale(1);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(6deg) scale(1);
  }
}
.flowers_zinnia {
  animation: slopes_zinnia 20s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_zinnia {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(6deg);
  }
}
.flowers_lycoris,
.flowers_anthurium {
  animation: slopes_lycoris 18s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_lycoris {
  0% {
    transform: rotate(-8deg) scale(1);
  }
  50% {
    transform: rotate(-5deg) scale(1.02);
  }
  100% {
    transform: rotate(-10deg) scale(1);
  }
}
.flowers_dahlia {
  animation: slopes_dahlia 17s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_dahlia {
  0% {
    transform: rotate(6deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.flowers_rose {
  animation: slopes_rose 15s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_rose {
  0% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(0deg) scale(1.02);
  }
  100% {
    transform: rotate(3deg);
  }
}
.flowers_lycoris_reflection,
.sitestub__buttercup {
  animation: slopes_lycoris_reflection 15s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes slopes_lycoris_reflection {
  0% {
    transform: rotate(-6deg);
  }
  70% {
    transform: rotate(0deg) scale(1.02);
  }
  100% {
    transform: rotate(2deg);
  }
}
.sitestub__callalily {
  animation: sitestub__callalily 15s infinite alternate ease-in-out;
  transform-origin: bottom center;
}
@keyframes sitestub__callalily {
  0% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(-9deg) scale(1.02);
  }
  100% {
    transform: rotate(-5deg);
  }
}

@media screen and (max-width: 600px) {
  html {
    font-size: calc(1vw / 4.14);
  }
  body {
    overflow-x: hidden;
  }
  .arrow_left {
    display: none;
  }
  .arrow_right {
    display: none;
  }
  .header {
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    height: 160rem;
    padding: 0 10rem 0 20rem;
  }
  .header_logo {
    width: 66rem;
  }
  .emergency_buttons {
    display: flex;
    padding-left: 35rem;
    justify-items: center;
    align-items: center;
    width: 100%;
    height: 88rem;
  }
  .header_navigation {
    display: none;
  }
  .adaptiv_navigation {
    justify-self: end;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 49rem;
    height: 29rem;
  }
  .adaptiv_navigation_box {
    width: 49rem;
    height: 5rem;
    background-color: #fb7520;
    border-radius: 50rem;
  }
  .header__links-list {
    display: none;
    flex-direction: column;
    position: relative;
    background-color: #333;
  }
  .graphics_fix {
    display: none;
  }
  .header__links-list.active {
    display: flex;
  }
  .title {
    margin-top: -60rem;
    padding: 0 0 20rem 7rem;
    font-size: 65rem;
  }
  .description {
    margin-top: -30rem;
    padding-top: 9rem;
    width: 392rem;
    height: 40rem;
  }
  .description_help {
    top: -2rem;
    font-size: 20rem;
  }
  .flowers {
    top: 180rem;
  }
  .flowers_callalily {
    width: 400rem;
    left: -40rem;
    top: 400rem;
  }
  .flowers_dahlia {
    width: 697rem;
    left: -170rem;
    top: 80rem;
  }
  .flowers_rose {
    width: 473rem;
    left: 60rem;
    top: 370rem;
  }
  .flowers_birdofparadise {
    display: none;
  }
  .flowers_buttercup {
    display: none;
  }
  .flowers_lycoris {
    display: none;
  }
  .flowers_lycoris_reflection {
    display: none;
  }
  .flowers_zinnia {
    display: none;
  }
  .flowers_anthurium {
    display: none;
  }
  .info_button {
    display: none;
  }
  .extra_button {
    width: 352rem;
    height: 50rem;
  }
  .title_second {
    font-size: 64rem;
    padding: 0 0 120rem;
  }
  .description_aboutus {
    width: 350rem;
    font-size: 20rem;
    line-height: 28rem;
  }
  .description_aboutus p {
    margin-bottom: 40rem;
  }
  .background-gradient_div {
    padding-top: 100rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 700rem;
    min-height: 360rem;
    overflow: hidden;
  }
  .background-gradient {
    width: 100%;
    height: 600rem;
    background: radial-gradient(
      ellipse at center,
      rgba(255, 93, 0, 0.8) 0%,
      rgba(255, 93, 0, 0.5) 20%,
      rgba(0, 0, 0, 0.7) 80%
    );
  }
  .aboutus {
    align-items: center;
    min-height: 1000rem;
    margin-top: 700rem;
    padding: 80rem 0 60rem;
  }
  .aid_description {
    display: none;
  }
  .check_list_section {
    margin-top: -110rem;
    height: 800rem;
    width: 414rem;
    overflow: hidden;
    padding: 90rem 0;
    font-size: 16rem;
  }
  .list_frame {
    width: 360rem;
    height: 470rem;
    padding: 30rem 50rem;
  }
  .glossary {
    display: flex;
    justify-content: center;
    padding: 120rem 10rem;
  }
  .title_third {
    text-align: center;
  }
  .carousel_item_non {
    display: none;
  }
  .active {
    margin-left: 20rem;
    width: 90%;
    justify-content: center;
  }
  .to_glossary {
    display: none;
  }
  .to_glossary_adaptive {
    display: block;
    position: relative;
    margin-left: 80rem;
    text-align: center;
    width: 236rem;
    height: 50rem;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 50rem;
    border: none;
    cursor: pointer;
    font-family: Gramatika Regular;
    color: rgb(0, 0, 0);
    font-size: 20rem;
  }
  .footer {
    padding: 50rem 20rem;
    height: 500rem;
    width: 100%;
    overflow: hidden;
    background-image: url(images/d01e14ff45f787097827.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .sub_form {
    gap: 32rem;
  }
  input[type="email"] {
    width: 300rem;
    height: 50rem;
  }
  #my-form-button_adaptive {
    display: block;
    width: 50rem;
    height: 50rem;
    border-radius: 100rem;
    border: none;
    background-color: white;
    cursor: pointer;
  }
  .my-form-button_adaptive_img {
    width: 70%;
  }
  #my-form-button {
    display: none;
  }
  .social_media {
    width: 200rem;
  }
  .social_media_list {
    position: relative;
    margin-left: -387rem;
    margin-top: 350rem;
    gap: 20rem;
    list-style: none;
  }
  .text-wrapper_title {
    font-size: 24rem;
  }
  .second_footer_row {
    display: flex;
    position: absolute;
    margin-top: 180rem;
  }
  .team {
    row-gap: 20rem;
  }
  .university {
    display: none;
  }
}