#mainDiv{background-color:var(--body-color);overflow:hidden;height:100vh}@media (max-width: 1025px){#mainDiv{height:auto}}.hero .hero-illustration{position:relative;padding-top:40px;padding-bottom:40px;right:-40px}.hero .hero-illustration img,.hero .hero-illustration svg{overflow:visible}.hero .hero-illustration:before{background:linear-gradient(to bottom, var(--secondary-color) 0, var(--primary-color) 100%);content:'';position:absolute;left:-150px;right:0;top:0;bottom:-300px}.hero .hero-illustration .hero-illustration-browser{position:relative}.hero .hero-illustration .hero-illustration-browser svg{height:auto;margin-left:auto;width:100%}@media (min-width: 641px){.hero .hero-illustration .hero-illustration-browser svg{width:640px}}@media (max-width: 1025px){.hero .hero-illustration .hero-illustration-browser{left:-70px}}@media (max-width: 641px){.hero .hero-illustration .hero-illustration-browser{left:-40px}}.hero .hero-illustration .hero-ball,.hero .hero-illustration .hero-squares{position:absolute}.hero .hero-illustration .hero-squares-1{top:16px;left:-24px}.hero .hero-illustration .hero-ball-1{display:none}.hero .hero-illustration .hero-ball-2{top:208px;left:-40px}.hero .hero-illustration .hero-ball-2 svg{height:auto;width:104px}@media (min-width: 641px){.hero .hero-illustration .hero-ball-2{top:294px;left:-64px}.hero .hero-illustration .hero-ball-2 svg{width:150px;height:auto}}@media (min-width: 641px){.hero .hero-illustration{right:-80px}}footer{z-index:9}@media (min-width: 1025px){.site-header-large-bg{position:relative}.site-header-large-bg span{position:absolute;top:-24px;bottom:0;left:648px;width:9999px;height:100vh;background:linear-gradient(to bottom, var(--secondary-color) 0, var(--primary-color) 100%);background-repeat:no-repeat}.hero{text-align:left;padding-top:80px;padding-bottom:80px;width:100%}.hero:before{top:-80px;left:620px;height:100vh;width:100%}.hero .hero-inner{display:flex}.hero .hero-inner .hero-illustration{right:0;padding:0}.hero .hero-inner .hero-illustration:before{content:normal}.hero .hero-inner .hero-illustration .hero-illustration-browser svg{width:800px}.hero .hero-inner .hero-illustration .hero-ball-1{display:block;top:-190px;left:417px}.hero .hero-inner .hero-illustration .hero-ball-2{top:335px;left:-64px}.hero .hero-inner .hero-illustration .hero-ball-2 svg{width:200px;height:auto}.hero .hero-inner .hero-illustration .hero-squares-1{top:-88px;left:72px}}