.banner-container{width:100%;height:100%;position:relative;padding:1vw;display:flex;justify-content:center;align-items:center}.canvas-container{position:relative}@media (min-width:768px){.canvas-container{width:600px;height:600px}}@media (max-width:767px){.banner-container,.canvas-container{width:375px;height:375px}.canvas-container{margin-top:1vw}}.middleBanner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#ededfb;padding-left:4vw;padding-right:4vw}.middleBanner__slogan{font-size:2.25rem;line-height:2.5rem}.middleBanner__description{font-size:1.125rem;line-height:1.75rem}.middleBanner__awsBanner{display:flex;flex-direction:row;justify-content:center}.middleBanner__awsBanner__wrapper{opacity:0}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper{animation:fade-in 1.5s ease-in-out forwards;transform:translateY(-40%)}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper:first-child{animation-delay:.5s}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper:nth-child(2){animation-delay:1s}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper:nth-child(3){animation-delay:1.5s}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper:nth-child(4){animation-delay:2s}.middleBanner .middleBanner__awsBanner.visible .middleBanner__awsBanner__wrapper:nth-child(5){animation-delay:2.5s}.middleBanner__awsBanner__wrapper__img{width:auto;height:220px}@media (max-width:600px){.middleBanner{text-align:center}.middleBanner__awsBanner{display:flex;flex-wrap:wrap;justify-content:center}.middleBanner__awsBanner__wrapper__img{width:140px;height:auto}}.featureBanner{height:90vh}@media (max-width:600px){.featureBanner{height:108vh}}.shiny-text{background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:#ffffff99!important;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.shiny-text.disabled{animation:none}.topBanner{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#3e3e3e;color:#fff;height:100%}.topBanner__wrapper__img{width:38vw;height:auto;margin-right:5vw}@media (max-width:600px){.topBanner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#3e3e3e;color:#fff;height:100%}.topBanner__wrapper__img{width:80vw;height:auto}}.topBanner__wrapper{padding:5%;opacity:0;transform:translateY(-40%);width:40vw}.topBanner.visible .topBanner__wrapper{animation:fade-in 1.5s ease-in-out forwards;animation-delay:.5s}.topBanner .topBanner__wrapper:nth-child(2){height:100%;width:72%;background:linear-gradient(90deg,#2c213f,#4a3a6b);color:#fff;padding:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);overflow:hidden;display:flex;justify-content:flex-end;align-items:center;border-radius:0 10px 10px 0;animation-delay:1s}.topBanner__title{font-size:2.25rem;line-height:2.5rem}.topBanner__description{font-size:1.125rem;line-height:1.75rem}@media (max-width:600px){.topBanner__wrapper{padding:0;opacity:0;transform:translateY(-40%);width:92vw}.topBanner .topBanner__wrapper:nth-child(2){height:50%;width:100%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);overflow:hidden;display:flex;justify-content:flex-end;align-items:center;animation-delay:1s}}@keyframes fade-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(0)}}.mainBanner{background-image:url(/_next/static/media/main_banner.3f8a3d11.svg);background-size:cover;background-position:50%;height:100vh;width:100%;display:flex;flex-direction:row;justify-content:space-around}.mainBanner__slogan{font-size:2.25rem;line-height:2.5rem;margin-top:0;padding:52vh 0 0 8vh;height:20vh;width:600px;white-space:pre-wrap}.mainBanner__spinner__wrapper{align-self:center}.mainBanner__spinner{width:420px;height:auto;animation:rotateAnimation 120s infinite;animation-timing-function:cubic-bezier(.001,.001,.001,.001)}@media (max-width:600px){.mainBanner{background-image:url(/_next/static/media/main_banner.3f8a3d11.svg);background-size:cover;background-position:50%;height:60vh;width:100%;display:flex;flex-direction:column}.mainBanner__slogan{padding:8vh 0 0 4vh;width:90%;white-space:pre-wrap;height:20vh}.mainBanner__spinner__wrapper{align-self:flex-end;margin-right:10vw}.mainBanner__spinner{height:15vh;width:auto}}@keyframes rotateAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottomBanner{background-size:cover;background:linear-gradient(90deg,#3e3e3e,#4a3a6b,#3e3e3e);height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.bottomBanner__header{font-size:2.25rem;line-height:2.5rem;width:48vw;margin-right:5vw;align-self:center}.bottomBanner__description{font-size:1.125rem;line-height:1.75rem;color:#fff;width:48vw;margin-right:5vw}.bottomBanner__digitalCircle{width:440px;height:auto;animation:antiClockwiseRotateAnimation 360s infinite;animation-timing-function:cubic-bezier(.001,.001,.001,.001)}@media (max-width:600px){.bottomBanner{display:flex;flex-direction:column-reverse}.bottomBanner__description,.bottomBanner__header{width:90vw;margin-right:0;text-align:center}.bottomBanner__description{height:20vh}.bottomBanner__digitalCircle{width:65vw}}@keyframes antiClockwiseRotateAnimation{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}