:root {
  --margin-block-max: 120px;
  --margin-block-max150: 150px;
  --margin-block: 80px;
  --margin-block-min: 60px;
  --margin-block-minx2: 40px;
  --margin-text: 35px;
  --margin-text-maxx2: 50px;
  --use-free-space: 69%;
  --use-free-space-feedback: 80%;
  --font--adaptive--1wh: 1;
  --adapt--margin-block-maxx2: 120px;
  --adapt--margin-block: 60px;
  --adapt--margin-block-max: 90px;
  --adapt--margin-block-min: 30px;
  --adapt--margin-block-minx2: 15px;
  --adapt--mob--width: 80%;
  --h2--text: 64px;
  --adapt--h2--text: 52px;
  --adapt--h2--min--text: 42px;

  --h3--text: 48px;
  --adapt--h3--text: 34px;
  --adapt--h3--min--text: 30px;

  --h4--text: 32px;
  --adapt--h4--text: 26px;
  --adapt--h4--min--text: 24px;
}

@font-face {
  font-family: "fixelText-black";
  src: url("../fonts/FixelText/FixelText-Black.woff2");
}
@font-face {
  font-family: "fixelText-bold";
  src: url("../fonts/FixelText/FixelText-Bold.woff2");
}
@font-face {
  font-family: "fixelText-light";
  src: url("../fonts/FixelText/FixelText-Light.woff2");
}
@font-face {
  font-family: "fixelText-medium";
  src: url("../fonts/FixelText/FixelText-Medium.woff2");
}
@font-face {
  font-family: "fixelText-semiBold";
  src: url("../fonts/FixelText/FixelText-SemiBold.woff2");
}

* {
  padding: 0;
  margin: 0;
  list-style: none;
  /* outline: 1px solid red; */
}

body {
  background-color: #fff;
  font-family: fixelText-light;
  min-height: 150vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
  width: 0;
}
a,
a:hover,
a:checked,
a:focus,
a:visited {
  text-decoration: none;
  border: none;
  outline: none;
  color: inherit;
}
main {
  width: 100%;
}
h2 {
  font-size: 52px;
  font-family: fixelText-bold;
  color: #2479b5;
}

h3 {
  font-size: 40px;
  font-family: fixelText-bold;
  color: #2479b5;
}
h4 {
  font-size: 32px;
  font-family: fixelText-bold;
  color: #2479b5;
}

/* -----------------------------------------------------HEADER */
.nav__block {
  display: flex;
  height: 150px;
  width: 100%;
  font-size: 22px;
  align-items: center;
  background-color: #fff;
}
.nav__block__adaptive {
  display: none;
  height: 150px;
  width: 100%;
  font-size: 18px;
  align-items: center;
  background-color: #fff;
  transition: all 0.5s ease;
}
.nav__block__adaptive.active {
  background-color: #fff;
  font-size: 30px;
  color: white;
}
.nav__block.active {
  background-color: #b85c5c;
}
.ul__nav__block {
  display: flex;
  width: 100%;
  justify-content: center;
  z-index: 1000;
}
.ul__nav__block li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2%;
  cursor: pointer;
}

.li_logo {
  height: 90px;
  transition: all 1s ease;
}
#img__logo.active {
  transform: translateX(-150%);
}
#text__logo {
  transition: all 1s ease;
}
#text__logo.active {
  transform: translateX(-40%);
  color: white;
  position: relative;
}

.burger {
  height: 60px;
  min-width: 60px;
  /* background-color: #a448d2; */
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.main__block {
  overflow-y: hidden;
}
body.burger__open {
  overflow: hidden;
}

.main__block.active {
}
.span__burger {
  height: 3px;
  background-color: black;
  width: 80%;
  position: relative;
  border-radius: 3px;
  display: flex;
  justify-content: end;
  transition: all 0.5s ease;
}

.span__burger::before,
.span__burger::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #000000;
  border-radius: 3px;
  transition: all 0.5s ease;
}
.span__burger::before {
  transform: translateY(-10px);
}
.span__burger::after {
  transform: translateY(10px);
}
.span__burger.active {
  rotate: 180deg;
  background-color: #2479b5;
}
.span__burger.active::before {
  transform: translateY(0px);
  rotate: 45deg;
  background-color: #fff;
}
.span__burger.active::after {
  transform: translateY(0px);
  rotate: -45deg;
  background-color: #fff;
}
.nav__burger__list {
  display: none;
  position: fixed;
  transform: translateX(+110%);
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: #2479b5;
  transition: all 0.5s ease;
  z-index: 999;
}
.ul__burger__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 52px;
  font-family: fixelText-medium;
  color: white;
}
.ul__burger__list li {
  margin: 30px;
}
.nav__burger__list.active {
  transform: translateX(0%);
}

/* -----------------------------------------------------FOOTER */

footer {
  min-height: 900px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__logo {
  margin-top: var(--margin-block);
}
.footer__nav {
  margin-top: var(--margin-block);
  display: flex;
  font-size: 24px;
  width: 100%;
  justify-content: center;
  margin-left: 0%;
}
.ul__about {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ul__about:last-child {
  width: auto;
}
.li__about {
  margin: 20px;
  height: 80px;
  width: 80%;
}
.li__about:first-child {
  font-family: fixelText-medium;
}
.ul__about:last-child {
  width: auto;
}
/* -----------------------------------------------------SOCIAL MEDIA */

.social__media {
  width: 100%;
  height: 240px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo__social__media ul {
  display: flex;
}

.img__logo__social__media {
  height: 50px;
  margin: 20px;
}