*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.slide-enter,.slide-exit{transition:transform .3s ease-in}.slide-enter{transform:translateY(-100%)}.slide-enter.slide-enter-active,.slide-exit{transform:translateY(0)}.slide-exit{position:absolute;top:0;left:0;width:100%}.slide-exit-active{transform:translateY(100%)}body{font-family:"Silom",sans-serif;font-weight:400;line-height:1.7;color:#000}.text-top-bottom{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:upright;text-orientation:upright}.text-blue{color:#2398b4}.text-pink{color:#bc2b63}.info-page__wrapper{width:100vw;height:100vh;background-color:#fff;overflow:hidden}.info-page__header{width:100%;height:20%;position:relative}.info-page__header--ribbon__wrapper{position:absolute;height:100%;width:60vw;right:0;top:0;overflow:hidden}.info-page__header--ribbon-back--1{top:10rem;left:12.3vh}.info-page__header--ribbon-back--2{top:5rem;left:41.5vh}.info-page__header--ribbon-back--3{top:8rem;left:77vh}.info-page__content{width:100%;height:80%;position:relative}.info-page__content--title{font-size:5rem;text-transform:uppercase;position:absolute;left:15rem;top:-4rem;z-index:100}.info-page__content--text{width:35%;position:absolute;left:15%;top:20%;font-size:1.7rem}.info-page__content--link-home__wrapper{width:26.5rem;height:6.5rem;display:flex;align-items:center;justify-content:flex-end;padding:2rem;cursor:pointer;position:absolute;left:0;bottom:19rem;color:#fff;text-transform:uppercase;text-decoration:none;font-size:2rem;transition:all .3s ease-out;transform:translateX(-5rem)}.info-page__content--link-home__wrapper:hover{transform:translateX(0)}.info-page__content--link-home__wrapper:active{height:6rem}.info-page__content--link-home__text{position:absolute;width:26.5rem;height:6rem;z-index:100;right:1.5rem;bottom:1.5rem;display:flex;align-items:center;justify-content:flex-end;padding-right:2rem;transition:all .3s ease-out}.info-page__content--link-home__text:hover{transform:translateX(0)}.info-page__content--link-home__text:active{transform:translateY(1.5rem) translateX(1.5rem)}.info-page__content--ribbon__wrapper{position:absolute;height:100vh;width:60vw;right:0;top:0;overflow:hidden}.info-page__content--ribbon-shadow__wrapper{position:absolute;width:60vw;height:80vh;right:0;bottom:0;overflow:hidden}.info-page__content--ribbon-shadow--1{top:0;left:51vh}.info-page__content--ribbon-shadow--2{top:0;left:83vh}.info-page__content--ribbon-shadow--3{top:0;left:116.5vh}.info-page__content--ribbon-front--1--blue{top:10rem;left:50vh}.info-page__content--ribbon-front--1--blue:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #2398b4 #2398b4 transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--2--blue{top:5rem;left:80vh}.info-page__content--ribbon-front--2--blue:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #2398b4 #2398b4 transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--3--blue{top:8rem;left:115vh}.info-page__content--ribbon-front--3--blue:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #2398b4 #2398b4 transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--1--yellow{top:10rem;left:50vh}.info-page__content--ribbon-front--1--yellow:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #ffd00d #ffd00d transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--2--yellow{top:5rem;left:80vh}.info-page__content--ribbon-front--2--yellow:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #ffd00d #ffd00d transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--3--yellow{top:8rem;left:115vh}.info-page__content--ribbon-front--3--yellow:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #ffd00d #ffd00d transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--1--pink{top:10rem;left:50vh}.info-page__content--ribbon-front--1--pink:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #bc2b63 #bc2b63 transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--2--pink{top:5rem;left:80vh}.info-page__content--ribbon-front--2--pink:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #bc2b63 #bc2b63 transparent;border-style:solid;border-width:.5rem 2.5rem}.info-page__content--ribbon-front--3--pink{top:8rem;left:115vh}.info-page__content--ribbon-front--3--pink:after{position:absolute;content:"";top:-1rem;left:0;border-color:transparent #bc2b63 #bc2b63 transparent;border-style:solid;border-width:.5rem 2.5rem}[class^=info-page__content--ribbon-front]{position:absolute;width:5rem;height:200vh;transform:skewX(20deg);z-index:100}[class^=info-page__header--ribbon-back]{position:absolute;width:5rem;bottom:0;transform:skewX(-15deg)}[class^=info-page__content--ribbon-shadow--]{position:absolute;width:5rem;height:200vh;transform:skewX(20deg)}.background--yellow{background-color:#ffd00d}.background--yellow--dark{background-color:#dbb103}.background--blue{background-color:#2398b4}.background--blue--dark{background-color:#0a829f}.background--pink{background-color:#bc2b63}.background--pink--dark{background-color:#9d1d4f}[class^=link-home-page--]{width:100%;height:100%;outline:none;font-family:"Silom",sans-serif;font-size:1.4rem;text-transform:uppercase;color:#000;display:flex;justify-content:center;cursor:pointer;padding-top:10rem;text-decoration:none}.link-home-page--pink{border:2px solid #bc2b63;background-color:#bc2b63;background-image:linear-gradient(180deg,#fff 50%,#bc2b63 0);background-size:100% 130%;background-position:top;transition:all .5s ease-out}.link-home-page--pink div{transition:all 0s ease}.link-home-page--pink:hover{color:#fff;background-size:100% 200%;background-position:bottom}.link-home-page--pink:hover div{transition:all 0s ease}.link-home-page--yellow{border:2px solid #ffd00d;background-color:#ffd00d;background-image:linear-gradient(180deg,#fff 50%,#ffd00d 0);background-size:100% 100%;background-position:bottom;transition:all .5s ease-out}.link-home-page--yellow div{transition:color 0s ease}.link-home-page--yellow:hover{color:#fff;background-size:100% 300%;background-position:bottom}.link-home-page--yellow:hover div{transition:color 0s ease}.link-home-page--blue{border:2px solid #2398b4;background-color:#2398b4;background-image:linear-gradient(180deg,#fff 50%,#2398b4 0);background-size:100% 180%;background-position:top;transition:all .5s ease-out}.link-home-page--blue div{transition:all 0s ease}.link-home-page--blue:hover{color:#fff;background-size:100% 300%;background-position:bottom}.link-home-page--blue:hover div{transition:all 0s ease}.home-page__container{width:100vw;height:100vh;background-color:#272727;overflow:hidden}.home-page__wrapper{width:100%;height:100%;display:flex;flex-direction:row}.home-page__wrapper__buttons{width:42.5%;height:100%;display:flex;flex-direction:row}.home-page__wrapper__middle{width:15%;height:100%;display:flex;align-items:center;justify-content:center;cursor:default}.home-page__wrapper__middle__title{text-transform:uppercase;color:#fff;font-size:2rem;letter-spacing:1.5rem;padding:2rem}.stripe{width:10%;height:100%}.home-page__wrapper__left{justify-content:flex-end;align-items:flex-end}.home-page__wrapper__left--1{background-color:#2398b4}.home-page__wrapper__left--3{background-color:#ffd00d}.home-page__wrapper__left--4{background-color:#2398b4}.home-page__wrapper__right--1{background-color:#bc2b63}.home-page__wrapper__right--3{background-color:#ffd00d}.home-page__wrapper__right--4{background-color:#bc2b63}.home-page__wrapper__right--5{background-color:#2398b4}[class^=home-page__wrapper__left--]{margin-left:12%}[class^=home-page__wrapper__right--]{margin-right:12%}.link--icon{height:3rem;margin-right:1rem}.link--text{color:#000;font-size:1.8rem}a:active,a:hover,a:link,a:visited{text-decoration:none}.link--wrapper{height:3rem;display:flex;align-items:center;margin-bottom:2rem}
/*# sourceMappingURL=main.ba676c22.chunk.css.map */