* {
  padding: 0;
  margin: 0; }

html {
  overflow: hidden; }

.preloader {
  --bg-color: #34314c;
  --size: 200px;
  --first-color: #ff7473;
  --second-color: #ffc952;
  --third-color: #47b8e0;
  --thickness: 3px;
  --duration: 3s;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--bg-color);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: var(--duration);
  transition: var(--duration); }

.preloader__content {
  position: relative;
  width: var(--size);
  height: var(--size); }

.preloader__first,
.preloader__second,
.preloader__third {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: var(--duration) linear infinite;
  animation: var(--duration) linear infinite; }

.preloader__first {
  border-bottom: var(--thickness) solid var(--first-color);
  -webkit-animation-name: first;
  animation-name: first; }

.preloader__second {
  border-right: var(--thickness) solid var(--second-color);
  -webkit-animation-name: second;
  animation-name: second; }

.preloader__third {
  border-top: var(--thickness) solid var(--third-color);
  -webkit-animation-name: third;
  animation-name: third; }

@-webkit-keyframes first {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) scale(1);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) scale(0.1); } }

@keyframes first {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) scale(1);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) scale(1); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) scale(0.1); } }

@-webkit-keyframes second {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) scale(0.8);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) scale(0.8); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) scale(0.1); } }

@keyframes second {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) scale(0.8);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) scale(0.8); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) scale(0.1); } }

@-webkit-keyframes third {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) scale(0.7);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) scale(0.7); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) scale(0.1); } }

@keyframes third {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) scale(0.7);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) scale(0.7); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) scale(0.1);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) scale(0.1); } }

/* firstpage 22 */
.__img {
  height: 115vh;
  width: 105vw; }

.paralax {
  display: grid; }

.parallax div:nth-child(1) {
  grid-area: box-1;
  z-index: 1;
  position: absolute;
  background: url(../img/1s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(2) {
  grid-area: box-1;
  z-index: 0;
  position: absolute;
  background: url(../img/2s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(3) {
  grid-area: box-1;
  z-index: -1;
  position: absolute;
  background: url(../img/3s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(4) {
  grid-area: box-1;
  z-index: -2;
  position: absolute;
  background: url(../img/4s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(5) {
  grid-area: box-1;
  z-index: -3;
  position: absolute;
  background: url(../img/5s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(6) {
  grid-area: box-1;
  z-index: -4;
  position: absolute;
  background: url(../img/6s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(7) {
  grid-area: box-1;
  z-index: -5;
  position: absolute;
  background: url(../img/7s.png) center center no-repeat;
  background-size: cover; }

.parallax div:nth-child(8) {
  grid-area: box-1;
  z-index: -6;
  position: absolute;
  background: url(../img/8s.png) center center no-repeat;
  background-size: cover; }

/*# sourceMappingURL=style.min.css.map */