body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{overflow:hidden;color:#fff;background-color:#000}.screen *{box-sizing:border-box}.screen{width:100vw;height:100vh;background-image:linear-gradient(60deg,#543ab7,#00acc1);overflow:hidden;background-image:linear-gradient(var(--rotate),var(--color1),var(--color2) 46%,var(--color3));transition:--color1 1s,--color2 1.5s,--color3 1.3s,--rotate 3s;-webkit-transition:--color1 1s,--color2 1.5s,--color3 1.3s,--rotate 3s}@property --color1{syntax:"<color>";initial-value:#4158d0;inherits:false}@property --color2{syntax:"<color>";initial-value:#c850c0;inherits:false}@property --color3{syntax:"<color>";initial-value:#ffcc70;inherits:false}@property --rotate{initial-value:43deg;inherits:false}.screen.page-0{--rotate:43deg;--color1:#4158d0;--color2:#c850c0;--color3:#ffcc70}.screen.page-1{--rotate:43deg;--color1:#d9afd9;--color2:#97d9e1;--color3:#c850c0}.screen.page-2{--rotate:43deg;--color1:#fee140;--color2:#fa709a;--color3:#97d9e1}.screen.page-3{--rotate:225deg;--color1:#784ba0;--color2:#2b86c5;--color3:#ff3cac}.screen.page-4{--rotate:45deg;--color1:#123597;--color2:#7687cc;--color3:#2b86c5}.screen.page-5{--rotate:145deg;--color1:#222431;--color2:#222431;--color3:#222431}.screen.page-5.nt{--color3:#844786}.screen.page-5.nf{--color3:#478666}.screen.page-5.sj{--color3:#5699b8}.screen.page-5.sp{--color3:#d8cc61}.content{position:absolute;width:50vw;height:90vh;top:10vh;z-index:1;left:0;right:0;margin:0 auto;display:flex;align-items:center}.brand-title{background:#222431;font-size:2.5vw;letter-spacing:3px;top:15px;text-align:center;color:#fff;border-bottom:5px solid #fff}.brand-desc,.brand-title{border-radius:8px;font-weight:700;position:absolute;width:100%;display:inline;left:0;right:0;margin:0 auto}.brand-desc{font-size:1.04167vw;letter-spacing:2px;text-shadow:0 0 5px #000;color:#ececec;top:102px;text-align:left}.question-title{font-size:1.66667vw;font-weight:700;line-height:1.4;margin-bottom:16px;text-shadow:0 0 5px #000;letter-spacing:1px;margin-top:-20%}.question-title span{display:block;font-size:16px}.ans-title{font-size:1.25vw;line-height:1.8;box-shadow:inset 0 0 0 0 #fff;transition:all .3s;padding:8px 16px;border-radius:8px;margin-bottom:8px;cursor:pointer;text-shadow:0 0 3px #000}.ans-title:hover{box-shadow:inset 0 0 0 5px #fff,0 0 5px 0 #000}.lottie-avatar{position:absolute;width:200px;height:200px;right:10%;top:5%}.btn-check{width:160px;height:64px;border-radius:5px;background:#222431;box-shadow:inset 0 0 0 3px #fff,0 0 5px 0 #000;color:#fff;cursor:pointer;justify-content:center;text-align:center;text-shadow:0 0 5px #000;font-size:24px}.btn-check,.btns{display:flex;align-items:center}.btns{flex-wrap:wrap}.btn-submit{padding:8px 16px;background:#222431;box-shadow:0 0 5px 0 #000;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;text-shadow:0 0 5px #000;letter-spacing:2px;font-size:16px;margin-right:8px;margin-bottom:16px;text-decoration:none}.btn-submit img{width:20px;margin-right:5px}.btn-submit.gray{background:#999}.btn-submit.green{background-color:#74ebd5;background-image:linear-gradient(90deg,#74ebd5,#9face6)}.btn-submit.purple{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.btn-submit.blue{background-color:#21d4fd;background-image:linear-gradient(19deg,#21d4fd,#b721ff)}.waves{position:absolute;width:100%;height:30%;bottom:0;margin-bottom:-7px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.result{margin-top:-10%}.logo{width:200px;position:absolute;z-index:10;top:15px;left:15px;cursor:pointer}.logo img{width:100%}.result-title{margin-top:24px;margin-bottom:8px;border-bottom:3px solid #fff;display:inline-block}.result-name,.result-title{font-weight:700;letter-spacing:3px}.result-name{font-size:3.33333vw;text-transform:uppercase}.result-desc{font-size:1.25vw;letter-spacing:1px}.result-job,.result-lead{font-size:1.04167vw;color:#ccc}.result-keywords{display:flex;align-items:center;flex-wrap:wrap}.result-keyword{border:3px solid #fff;background:#222431;font-size:1.04167vw;border-radius:8px;padding:8px 24px;margin-right:16px;margin-bottom:8px}@media screen and (max-width:1200px){.brand-title{font-size:4vw;width:100%}.question-title{font-size:2.66667vw}.ans-title{font-size:2vw}.waves{height:25%}}@media screen and (max-width:767px){.content{width:100vw;height:90%!important;top:10%!important;transform:none;padding:16px}.brand-title{font-size:7.46667vw;margin-top:0;width:90%}.brand-desc{font-size:4.26667vw;top:72px;margin-top:0;width:90%}.question-title{font-size:6.4vw;margin-top:0}.ans-title{font-size:4.8vw}.waves{height:15%}.logo{width:160px;left:16px;top:5px}.result-title{font-size:4.26667vw;margin-top:12px}.result-name{font-size:7.46667vw}.result-desc{font-size:3.2vw}.result-job,.result-keyword,.result-lead{font-size:3.73333vw}.result-keyword{padding:4px 8px;border:2px solid #fff;border-radius:6px}.lottie-avatar{position:absolute;width:32vw;height:32vw;right:5%;top:0}}
/*# sourceMappingURL=main.a35eaf14.chunk.css.map */