/** Home style **/
.home__h1 {min-height:200px; cursor: pointer;}
.home__h1::before,
.home__h1::after {border-radius: 50%; background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box; transition: top 0.5s ease-in-out, left 0.5s ease-in-out, right 0.5s ease-in-out;}
.home__h1::before {content: ""; width: 29px; height: 29px; position: absolute; left: 0; top: 80%;}
.home__h1::after {content: ""; width: 53px; height: 53px; position: absolute; right: 0; top: 0;}
.home__h1.show-effect::before {top: 40%;left: -20px;}
.home__h1.show-effect::after {top: 50%;right: -30px;}
.home__h1 .h1-hide,
.home__h1 .h1-show {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);width: 100%;}
.home__h1 .h1-hide,
.home__h1 .h1-show {transition: opacity 0.3s ease-in-out;}
.home__h1 .h1-show {opacity: 0;}
.home__h1 .h1-hide {opacity: 1;}
.home__h1.show-effect .h1-show {opacity: 1;}
.home__h1.show-effect .h1-hide {opacity: 0;}
.home__round-white {width: 53px; height: 53px; background-color: var(--white); border-radius: 50%;}
.home__round-color {position: absolute; top: 50px;right: 20px; width: 53px; height: 53px; background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box; border-radius: 50%; z-index: 1;}
#realization .home__round-color, #blog .home__round-color {top: 0;right: 30%;}
.home__illustration {max-width: 50%;}

.parallax-text {
    transform-style: preserve-3d;
    transition: all 0.1s ease-out;
    will-change: transform;
  }

@media (min-width: 768px) {
    .home__illustration {max-width: 90%;}
}
@media (min-width: 1200px) {
    .home__h1 {min-height: 310px;}
    .home__h1::before {top: 100%;}
    .home__h1.show-effect::before {top: 40%;}
}
@media (min-width: 1600px) {
    .home__h1::before {left: 16%;}
    .home__h1::after {right: 17%;}
    .home__h1.show-effect::before {left: 10%;}
    .home__h1.show-effect::after {right: 10%;}
    .home__illustration {margin-left: -30px;}
}