@font-face {
  font-family: "Tilda Sans Extra";
  src: url("../fonts/TildaSans-ExtraBold.woff2") format("woff2"), url("../fonts/TildaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.stubPage {
  background: #e6edff;
  padding-top: 78px;
  overflow: hidden;
}
.stubPage img {
  max-width: 100%;
  height: auto;
}
.stubPage__title {
  text-align: center;
  margin-bottom: -238px;
}
.stubPage__img {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.stubPage__img-back {
  text-align: center;
  margin-left: 60px;
}
.stubPage__img-front {
  position: absolute;
  bottom: 140px;
  left: -240px;
}
.stubPage__img-link {
  position: absolute;
  bottom: 238px;
  right: -220px;
  width: 332px;
  height: 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 800;
  font-size: 31px;
  font-family: "Tilda Sans Extra";
  background: #FFFFFF;
  border-radius: 24px 24px 24px 0;
  color: #000;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-decoration: none;
}
.stubPage__img-link:hover {
  color: #3c74e3;
}
.stubPage__img-decor {
  position: absolute;
  bottom: -76px;
  right: -294px;
  -webkit-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
          transform: rotate(8deg);
}

@media (max-width: 1199px) {
  .stubPage {
    padding-top: 60px;
  }
  .stubPage__title {
    margin-bottom: -100px;
  }
  .stubPage__title img {
    max-width: 933px;
  }
  .stubPage__img-back {
    margin-left: 18px;
  }
  .stubPage__img-back img {
    max-width: 443px;
  }
  .stubPage__img-front {
    bottom: 100px;
    left: -218px;
  }
  .stubPage__img-front img {
    max-width: 336px;
  }
  .stubPage__img-link {
    bottom: 286px;
    right: -210px;
  }
  .stubPage__img-decor {
    bottom: -30px;
    right: -241px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (max-width: 959px) {
  .stubPage {
    padding-top: 106px;
  }
  .stubPage__title {
    margin-bottom: -120px;
  }
  .stubPage__title img {
    max-width: 584px;
  }
  .stubPage__img-back {
    margin-left: -120px;
  }
  .stubPage__img-back img {
    max-width: 469px;
  }
  .stubPage__img-front {
    bottom: 108px;
    left: -117px;
  }
  .stubPage__img-front img {
    max-width: 282px;
  }
  .stubPage__img-link {
    width: 263px;
    height: 74px;
    font-size: 25px;
    bottom: 310px;
    right: -108px;
  }
  .stubPage__img-decor {
    bottom: -17px;
    right: -162px;
  }
  .stubPage__img-decor img {
    max-width: 253px;
  }
}
@media (max-width: 639px) {
  .stubPage__title {
    margin-bottom: -24px;
  }
  .stubPage__title img {
    max-width: 452px;
  }
  .stubPage__img-back {
    margin-left: -150px;
  }
  .stubPage__img-back img {
    max-width: 416px;
  }
  .stubPage__img-front {
    bottom: 22px;
    left: -97px;
  }
  .stubPage__img-front img {
    max-width: 245px;
  }
  .stubPage__img-decor {
    display: none;
  }
  .stubPage__img-link {
    width: 244px;
    height: 68px;
    font-size: 22px;
    bottom: 276px;
    right: -102px;
  }
}
@media (max-width: 479px) {
  .stubPage {
    padding-top: 72px;
  }
  .stubPage__title {
    margin-bottom: -132px;
  }
  .stubPage__title img {
    max-width: 320px;
  }
  .stubPage__img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stubPage__img-inner {
    width: 541px;
  }
  .stubPage__img-back {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .stubPage__img-back img {
    max-width: 541px;
    min-width: 541px;
  }
  .stubPage__img-front {
    bottom: 77px;
    left: 85px;
  }
  .stubPage__img-link {
    bottom: 154px;
    left: 150px;
    right: initial;
  }
}
@media (max-width: 414px) {
  .stubPage__img-front {
    left: 40px;
  }
  .stubPage__img-link {
    left: 110px;
  }
}