/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
/* style reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

li {
  list-style: none;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

img {
  vertical-align: top;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1;
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

/* custom */
body {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: rgb(255, 255, 255);
  background: rgb(33, 16, 107);
  background: -webkit-gradient(linear, left top, right top, color-stop(9%, rgb(33, 16, 107)), to(rgba(81, 25, 209, 0.9740634006)));
  background: linear-gradient(90deg, rgb(33, 16, 107) 9%, rgba(81, 25, 209, 0.9740634006) 100%);
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

a {
  color: white;
}

a:visited {
  color: white;
}

a:hover {
  color: white;
}

a:active {
  color: white;
}

.header__container {
  margin: 0 auto 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  max-width: 1500px;
}
.header__title {
  font-size: 2rem;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-align: center;
}
.header__main-link {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: 0.13s;
  transition: 0.13s;
  font-weight: 500;
  letter-spacing: 1.1px;
}
.header__main-link > a {
  background-color: rgb(66, 41, 132);
  border-radius: 5px;
  border-bottom: 6px solid #2d0159;
  padding: 10px 20px;
}
.header__main-link:hover > a {
  background-color: rgb(56, 35, 114);
  border-bottom: 4px solid #2d0159;
  color: rgba(255, 255, 255, 0.845);
}
.header__main-link:hover {
  -webkit-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
          transform: translate(0, 2px);
}
@media screen and (max-width: 767px) {
  .header__container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 15px;
    gap: 35px;
  }
  .header__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.main__container {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  max-width: 1500px;
}
.main__animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 700px;
}
.main__title {
  font-weight: 500;
  font-size: 1.7rem;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin: 0 0 30px 0;
}
.main__exhibition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
.main__first-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main__second-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main__car {
  height: 35px;
}
.main__car-text {
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 3px solid rgb(247, 57, 212);
  margin: 0 0 3px;
}
.main__race {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 25px 0;
  position: relative;
  z-index: -1;
}
.main__race > img {
  height: 300px;
}
.main__race > span {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 500;
  background-image: url(../img/main/trophy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 0 0 20px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation-name: showing;
          animation-name: showing;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes showing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main__button {
  background-color: rgb(91, 244, 208);
  height: 50px;
  width: 200px;
  border-radius: 5px;
  -ms-flex-item-align: center;
      align-self: center;
  letter-spacing: 1.2px;
  color: rgb(18, 0, 80);
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main__button:hover {
  background-color: rgb(79, 215, 183);
  color: rgb(255, 255, 255);
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  .main__container {
    padding: 20px 30px;
  }
  .main__car {
    height: 25px;
  }
  .main__race > img {
    height: 250px;
  }
  .main__race > span {
    background-size: 20px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 479px) {
  .main__container {
    padding: 20px 10px;
  }
  .main__car {
    height: 20px;
  }
  .main__race > img {
    height: 180px;
  }
  .main__race > span {
    font-size: 0.7rem;
    background-size: 15px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.fastcar-move {
  -webkit-animation-name: fastcar;
          animation-name: fastcar;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes fastcar {
  4% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  9% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  11% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  12% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  13% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  14% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  15% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  16% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  17% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  18% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  19% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  20% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  21% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  22% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  23% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  24% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  25% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  26% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  27% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  28% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  29% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  30% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  31% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  32% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  33% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  34% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  35% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  36% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  37% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  38% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  39% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  40% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  41% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  42% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  43% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  44% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  45% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  46% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  47% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  48% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  49% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  50% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  51% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  52% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  53% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  54% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  55% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  56% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  57% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  58% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  59% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  60% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  61% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  62% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  63% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  64% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  65% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  66% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  67% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  68% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  69% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  70% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  71% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  72% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  73% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  74% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  75% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  76% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  77% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  78% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  79% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  80% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  81% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  82% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  83% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  84% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  85% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  86% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  87% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  88% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  92% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  97% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes fastcar {
  4% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  9% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  11% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  12% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  13% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  14% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  15% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  16% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  17% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  18% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  19% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  20% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  21% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  22% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  23% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  24% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  25% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  26% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  27% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  28% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  29% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  30% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  31% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  32% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  33% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  34% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  35% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  36% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  37% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  38% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  39% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  40% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  41% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  42% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  43% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  44% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  45% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  46% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  47% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  48% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  49% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  50% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  51% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  52% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  53% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  54% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  55% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  56% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  57% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  58% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  59% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  60% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  61% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  62% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  63% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  64% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  65% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  66% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  67% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  68% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  69% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  70% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  71% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  72% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  73% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  74% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  75% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  76% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  77% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  78% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  79% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  80% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  81% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  82% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  83% {
    -webkit-transform: translate(180px, 45px);
            transform: translate(180px, 45px);
  }
  84% {
    -webkit-transform: translate(260px, 160px);
            transform: translate(260px, 160px);
  }
  85% {
    -webkit-transform: translate(180px, 285px);
            transform: translate(180px, 285px);
  }
  86% {
    -webkit-transform: translate(-100px, 285px);
            transform: translate(-100px, 285px);
  }
  87% {
    -webkit-transform: translate(-170px, 160px);
            transform: translate(-170px, 160px);
  }
  88% {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
  92% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  97% {
    -webkit-transform: translate(50px, 40px);
            transform: translate(50px, 40px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  @-webkit-keyframes fastcar {
    4% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    9% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    11% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    12% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    13% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    14% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    15% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    16% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    17% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    18% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    19% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    20% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    21% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    22% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    23% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    24% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    25% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    26% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    27% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    28% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    29% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    30% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    31% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    32% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    33% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    34% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    35% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    36% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    37% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    38% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    39% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    40% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    41% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    42% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    43% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    44% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    45% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    46% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    47% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    48% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    49% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    50% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    51% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    52% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    53% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    54% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    55% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    56% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    57% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    58% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    59% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    60% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    61% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    62% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    63% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    64% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    65% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    66% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    67% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    68% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    69% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    70% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    71% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    72% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    73% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    74% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    75% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    76% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    77% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    78% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    79% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    80% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    81% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    82% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    83% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    84% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    85% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    86% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    87% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    88% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    92% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    97% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes fastcar {
    4% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    9% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    11% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    12% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    13% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    14% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    15% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    16% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    17% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    18% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    19% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    20% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    21% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    22% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    23% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    24% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    25% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    26% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    27% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    28% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    29% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    30% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    31% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    32% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    33% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    34% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    35% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    36% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    37% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    38% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    39% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    40% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    41% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    42% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    43% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    44% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    45% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    46% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    47% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    48% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    49% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    50% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    51% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    52% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    53% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    54% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    55% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    56% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    57% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    58% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    59% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    60% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    61% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    62% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    63% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    64% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    65% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    66% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    67% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    68% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    69% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    70% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    71% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    72% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    73% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    74% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    75% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    76% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    77% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    78% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    79% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    80% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    81% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    82% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    83% {
      -webkit-transform: translate(175px, 35px);
              transform: translate(175px, 35px);
    }
    84% {
      -webkit-transform: translate(220px, 140px);
              transform: translate(220px, 140px);
    }
    85% {
      -webkit-transform: translate(180px, 230px);
              transform: translate(180px, 230px);
    }
    86% {
      -webkit-transform: translate(-90px, 230px);
              transform: translate(-90px, 230px);
    }
    87% {
      -webkit-transform: translate(-135px, 140px);
              transform: translate(-135px, 140px);
    }
    88% {
      -webkit-transform: translate(-70px, 40px);
              transform: translate(-70px, 40px);
    }
    92% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    97% {
      -webkit-transform: translate(48px, 40px);
              transform: translate(48px, 40px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
}
@media screen and (max-width: 479px) {
  @-webkit-keyframes fastcar {
    4% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    9% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    11% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    12% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    13% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    14% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    15% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    16% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    17% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    18% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    19% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    20% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    21% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    22% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    23% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    24% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    25% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    26% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    27% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    28% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    29% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    30% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    31% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    32% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    33% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    34% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    35% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    36% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    37% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    38% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    39% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    40% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    41% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    42% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    43% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    44% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    45% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    46% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    47% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    48% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    49% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    50% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    51% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    52% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    53% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    54% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    55% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    56% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    57% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    58% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    59% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    60% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    61% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    62% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    63% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    64% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    65% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    66% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    67% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    68% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    69% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    70% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    71% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    72% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    73% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    74% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    75% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    76% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    77% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    78% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    79% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    80% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    81% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    82% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    83% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    84% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    85% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    86% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    87% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    88% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    92% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    97% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes fastcar {
    4% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    9% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    11% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    12% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    13% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    14% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    15% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    16% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    17% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    18% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    19% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    20% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    21% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    22% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    23% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    24% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    25% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    26% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    27% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    28% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    29% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    30% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    31% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    32% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    33% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    34% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    35% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    36% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    37% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    38% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    39% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    40% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    41% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    42% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    43% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    44% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    45% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    46% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    47% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    48% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    49% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    50% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    51% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    52% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    53% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    54% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    55% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    56% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    57% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    58% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    59% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    60% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    61% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    62% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    63% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    64% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    65% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    66% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    67% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    68% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    69% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    70% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    71% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    72% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    73% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    74% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    75% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    76% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    77% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    78% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    79% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    80% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    81% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    82% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    83% {
      -webkit-transform: translate(130px, 28px);
              transform: translate(130px, 28px);
    }
    84% {
      -webkit-transform: translate(175px, 100px);
              transform: translate(175px, 100px);
    }
    85% {
      -webkit-transform: translate(140px, 160px);
              transform: translate(140px, 160px);
    }
    86% {
      -webkit-transform: translate(-50px, 160px);
              transform: translate(-50px, 160px);
    }
    87% {
      -webkit-transform: translate(-85px, 100px);
              transform: translate(-85px, 100px);
    }
    88% {
      -webkit-transform: translate(-40px, 28px);
              transform: translate(-40px, 28px);
    }
    92% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    97% {
      -webkit-transform: translate(48px, 28px);
              transform: translate(48px, 28px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
}

.slowcar-move {
  -webkit-animation-name: slowcar;
          animation-name: slowcar;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes slowcar {
  4% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  9% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  15% {
    -webkit-transform: translate(100px, 90px);
            transform: translate(100px, 90px);
  }
  19% {
    -webkit-transform: translate(117px, 130px);
            transform: translate(117px, 130px);
  }
  23% {
    -webkit-transform: translate(125px, 170px);
            transform: translate(125px, 170px);
  }
  35% {
    -webkit-transform: translate(100px, 240px);
            transform: translate(100px, 240px);
  }
  55% {
    -webkit-transform: translate(-210px, 240px);
            transform: translate(-210px, 240px);
  }
  63% {
    -webkit-transform: translate(-225px, 170px);
            transform: translate(-225px, 170px);
  }
  75% {
    -webkit-transform: translate(-210px, 85px);
            transform: translate(-210px, 85px);
  }
  95% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  97% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes slowcar {
  4% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  9% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  15% {
    -webkit-transform: translate(100px, 90px);
            transform: translate(100px, 90px);
  }
  19% {
    -webkit-transform: translate(117px, 130px);
            transform: translate(117px, 130px);
  }
  23% {
    -webkit-transform: translate(125px, 170px);
            transform: translate(125px, 170px);
  }
  35% {
    -webkit-transform: translate(100px, 240px);
            transform: translate(100px, 240px);
  }
  55% {
    -webkit-transform: translate(-210px, 240px);
            transform: translate(-210px, 240px);
  }
  63% {
    -webkit-transform: translate(-225px, 170px);
            transform: translate(-225px, 170px);
  }
  75% {
    -webkit-transform: translate(-210px, 85px);
            transform: translate(-210px, 85px);
  }
  95% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  97% {
    -webkit-transform: translate(-45px, 85px);
            transform: translate(-45px, 85px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@media screen and (min-width: 480px) and (max-width: 620px) {
  @-webkit-keyframes slowcar {
    4% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    9% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    15% {
      -webkit-transform: translate(80px, 70px);
              transform: translate(80px, 70px);
    }
    23% {
      -webkit-transform: translate(110px, 145px);
              transform: translate(110px, 145px);
    }
    35% {
      -webkit-transform: translate(70px, 205px);
              transform: translate(70px, 205px);
    }
    55% {
      -webkit-transform: translate(-165px, 205px);
              transform: translate(-165px, 205px);
    }
    63% {
      -webkit-transform: translate(-195px, 140px);
              transform: translate(-195px, 140px);
    }
    75% {
      -webkit-transform: translate(-165px, 70px);
              transform: translate(-165px, 70px);
    }
    95% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    97% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes slowcar {
    4% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    9% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    15% {
      -webkit-transform: translate(80px, 70px);
              transform: translate(80px, 70px);
    }
    23% {
      -webkit-transform: translate(110px, 145px);
              transform: translate(110px, 145px);
    }
    35% {
      -webkit-transform: translate(70px, 205px);
              transform: translate(70px, 205px);
    }
    55% {
      -webkit-transform: translate(-165px, 205px);
              transform: translate(-165px, 205px);
    }
    63% {
      -webkit-transform: translate(-195px, 140px);
              transform: translate(-195px, 140px);
    }
    75% {
      -webkit-transform: translate(-165px, 70px);
              transform: translate(-165px, 70px);
    }
    95% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    97% {
      -webkit-transform: translate(-45px, 70px);
              transform: translate(-45px, 70px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
}
@media screen and (max-width: 479px) {
  @-webkit-keyframes slowcar {
    4% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    9% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    15% {
      -webkit-transform: translate(50px, 50px);
              transform: translate(50px, 50px);
    }
    23% {
      -webkit-transform: translate(60px, 100px);
              transform: translate(60px, 100px);
    }
    35% {
      -webkit-transform: translate(50px, 145px);
              transform: translate(50px, 145px);
    }
    55% {
      -webkit-transform: translate(-135px, 145px);
              transform: translate(-135px, 145px);
    }
    63% {
      -webkit-transform: translate(-150px, 100px);
              transform: translate(-150px, 100px);
    }
    75% {
      -webkit-transform: translate(-135px, 50px);
              transform: translate(-135px, 50px);
    }
    95% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    97% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes slowcar {
    4% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    9% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    15% {
      -webkit-transform: translate(50px, 50px);
              transform: translate(50px, 50px);
    }
    23% {
      -webkit-transform: translate(60px, 100px);
              transform: translate(60px, 100px);
    }
    35% {
      -webkit-transform: translate(50px, 145px);
              transform: translate(50px, 145px);
    }
    55% {
      -webkit-transform: translate(-135px, 145px);
              transform: translate(-135px, 145px);
    }
    63% {
      -webkit-transform: translate(-150px, 100px);
              transform: translate(-150px, 100px);
    }
    75% {
      -webkit-transform: translate(-135px, 50px);
              transform: translate(-135px, 50px);
    }
    95% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    97% {
      -webkit-transform: translate(-45px, 50px);
              transform: translate(-45px, 50px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
}

.footer__container {
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  max-width: 1200px;
}
.footer__community {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.footer__title {
  font-size: 1.5rem;
  letter-spacing: 1.2px;
  font-weight: 700;
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__link > img {
  height: 20px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.footer__link:not(:last-child) {
  margin: 0 15px 0 0;
}
.footer__link:hover > img {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.footer__paragraph {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 0 15px;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: end;
  font-size: 0.9rem;
  letter-spacing: 1.2px;
}
.footer__paragraph > p > span {
  border-bottom: 2px solid rgb(76, 247, 124);
}
.footer__paragraph > p > span:hover {
  border-bottom: 2px solid rgb(46, 201, 90);
}
.footer__paragraph > p > span > a:hover {
  color: rgba(255, 255, 255, 0.823);
}
.footer__paragraph > p:not(:last-child) {
  margin: 0 0 10px;
}
@media screen and (max-width: 479px) {
  .footer__container {
    row-gap: 40px;
    padding: 0 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__community {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}