html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}*{box-sizing:border-box;font-family:SUITE Variable,sans-serif;margin:0;padding:0}body{overflow-x:hidden;scrollbar-width:auto}a{text-decoration:none}li{list-style:none}.App{text-align:center}:root{--back-black-color:#1a1a1a;--orange-color:#f79646;--text-gray-color:#a2a2a2}@keyframes rotation10{0%{left:0}to{left:4030px}}@keyframes rotation11{0%{left:-4030px}to{left:4030px}}@keyframes rotation20{0%{right:0}to{right:4030px}}@keyframes rotation21{0%{right:-4030px}to{right:4030px}}.class-container{background:#1a1a1a;box-sizing:border-box;overflow-x:hidden;div{h4{color:#f79646;color:var(--orange-color);font-size:22px;font-weight:500;margin-bottom:16px}h1{color:#eee;font-size:40px;font-weight:700;letter-spacing:-.025em;line-height:150%;margin-bottom:20px}p{color:#a2a2a2;color:var(--text-gray-color);font-size:16px;font-weight:400;line-height:180%}img{position:absolute;transition:all 1s}}.cover{align-items:center;display:flex;flex-direction:column;height:1264px;width:100%;img{margin-top:110px}}.overview{align-items:center;display:flex;flex-direction:column;height:1100px;position:relative;width:100%;.text{align-items:center;display:flex;flex-direction:column;position:absolute;transition:all 1s;h1{font-size:52px}h1,h2{line-height:140%}h2{color:#eee;font-size:26px;letter-spacing:-.025em}}#rotate10{animation:rotation10 100s 1;animation-fill-mode:forwards;animation-timing-function:linear!important}#rotate11{animation-timing-function:linear!important}#rotate11,#rotate12{animation:rotation11 200s infinite}#rotate12{animation-delay:100s;animation-fill-mode:backwards;animation-timing-function:linear!important}#rotate20{animation:rotation20 100s 1;animation-fill-mode:forwards;animation-timing-function:linear!important}#rotate21{animation-timing-function:linear!important}#rotate21,#rotate22{animation:rotation21 200s infinite}#rotate22{animation-delay:100s;animation-fill-mode:backwards;animation-timing-function:linear!important}}.analysis{align-items:center;display:flex;flex-direction:column;height:1150px;position:relative;.text{left:240px;position:absolute;top:505px;transition:all 1s;z-index:9;h1,h4{text-align:left}h1{font-weight:400}p{text-align:left}}}.strategy{height:963px;position:relative;width:100%;.text{position:absolute;right:240px;top:402px;transition:all 1s;h1,h4{text-align:left}h1{font-weight:400}}.black{background-color:#1a1a1a;height:78px;left:649px;position:absolute;top:624px;transition:all 1s;transition-delay:.8s;width:12px}}.styleguide{align-items:center;display:flex;flex-direction:column;height:3000px;position:relative;width:100%;.text{top:218px}.text,.typo1{position:absolute;transition:all 1s}.typo1{right:221px;top:435px}.typo2{left:231px;top:820px}.colorsystem,.typo2{position:absolute;transition:all 1s}.colorsystem{display:flex;top:1230px;div{p{color:#fff;font-weight:300;margin-bottom:28px;text-align:left}.colorbox{height:29px;width:360px}}}.gridimg{top:1926px;transition:all 1s}}.ui{align-items:center;background-color:#f2f2f2;display:flex;flex-direction:column;height:15500px;overflow:hidden;position:relative;.text{position:absolute;top:160px;transition:all 1s;z-index:99;h1{font-weight:400}}.chat{display:flex;position:absolute;.arrow{height:14px;margin-top:10px;position:relative;width:67px;.circle{height:14px;opacity:.4;right:0;top:0;width:14px}.circle,.smallcircle{background-color:#ff9600;border-radius:10000px;position:absolute;transition:all .6s;transition-delay:.5s}.smallcircle{height:6px;right:4px;top:4px;width:6px}.line{background-color:#ff9600;height:1px;left:0;position:absolute;top:7px;transition:all .6s;width:60px}}.chattext{margin-left:11px;transition:all 1s;transition-delay:.8s;h5{color:#111;font-family:Pretendard Variable;font-size:20px;font-weight:600;margin-bottom:5px}h5,p{line-height:170%;text-align:left}p{text-wrap:nowrap;color:#707070;font-size:16px;font-weight:500}}}.blackback{background:#1a1a1a;height:3000px;position:absolute;top:8565px;width:100%;img{left:0;top:0}}.landingback{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;height:5500px;position:absolute;width:100%}}.lastmock{height:100%;overflow:hidden;position:relative;transition:all 1s;width:100%;img{left:0}}}:root{--white-color:#fff;--black-color:#2e3143;--blue-color:#4b5dfa;--gray-color:#6f728c;--back-blue-color:#f9faff;--font-smalltitle:18px;--font-title:46px;--font-text:20px;--fontWeight-medium:500;--fontWeight-semibold:600;--fontWeight-bold:700;--marginBottom-smalltitle:18px;--marginBottom-title:20px}@keyframes leaguerotation1{0%{left:0}to{left:3619px}}@keyframes leaguerotation2{0%{left:-3619px}to{left:3619px}}.speak-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;.cover{align-items:center;display:flex;flex-direction:column;height:1264px;width:100%;img{margin-top:110px}}.proposal{height:30000px;width:100%;div{h4{color:#4b5dfa;color:var(--blue-color);font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-bottom:18px;padding-left:4px}h1{color:#2e3143;color:var(--black-color);font-size:46px;font-weight:700;letter-spacing:-.025em;line-height:150%;margin-bottom:20px}p{color:#6f728c;color:var(--gray-color);font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:160%}}.overview{align-items:center;display:flex;flex-direction:column;height:660px;position:relative;#effect1{display:flex;position:absolute;text-align:left;transition:all 1s}}.background{background-color:#f9faff;background-color:var(--back-blue-color);height:1250px;position:relative;#effect2{left:240px;position:absolute;text-align:left;transition:all 1s}.circle{left:927px;top:314px;transition:all 2s}img{transition:all 1s}.backcard1{left:1251px;transition-delay:.25s}.backcard2{left:756px;transition-delay:.5s}.backcard3{left:1393px;transition-delay:.85s;z-index:3}.backcard4{left:1168px;transition-delay:.75s}}.deskres{align-items:center;background-color:#f9faff;background-color:var(--back-blue-color);display:flex;flex-direction:column;height:1215px;position:relative;#effect3{transition:all 1s}#effect3,.cards{position:absolute}.cards{display:flex;justify-content:space-between;top:553px;width:1244px;div{align-items:center;display:flex;flex-direction:column;height:470px;width:308px;span{color:#4b5dfa;color:var(--blue-color);font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:150%;margin-bottom:12px;transition:all 1s;transition-delay:.7s}h5{color:#2e3143;font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:20px;transition:all 1s;transition-delay:.7s}p{color:#6f728c;color:var(--gray-color);font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:160%;transition:all 1s;transition-delay:.7s}.arrow{height:110px;margin-top:36px;position:relative;width:22px;.circle{background-color:#2e3143;border-radius:1000px;height:22px;position:absolute!important;top:0;transition:all 1s;width:22px}.smallcircle{background-color:#2e3143;border-radius:1000px;height:8px;position:absolute!important;top:7px;transition:all 1s;width:8px}.line{border:1px solid #2e3143;height:80px;left:10px;position:absolute!important;top:15px;transition:all .8s;width:2px}}.blackcard{align-items:center;background-color:#2e3143;background-color:var(--black-color);border-radius:16px;box-shadow:5px 5px 15px 0 #4055bc0f;color:#fff;color:var(--white-color);display:flex;font-size:19px;font-weight:500;height:200px;justify-content:center;line-height:160%;transition:all 1s;width:308px}}}}.survey{align-items:center;background-color:#f9faff;background-color:var(--back-blue-color);display:flex;flex-direction:column;height:2210px;position:relative;#effect4{position:absolute;transition:all 1s}.surveybox1{align-items:center;background-color:#fff;border:1px solid #f3f3f3;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;height:524px;transition:all 1s;.text{align-items:flex-start;flex-direction:column;height:auto;margin-left:80px;padding:0;width:334px;h3{color:#2e3143;font-size:36px;font-weight:700;line-height:140%;margin-bottom:18px;text-align:left}p{color:#6f728c;color:var(--gray-color);font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:160%;text-align:left}}.chart{align-items:flex-start;display:flex!important;flex-direction:column;height:376.8px;justify-content:space-between!important;margin:0 0 0 134px;padding:0;h5{color:#2e3143;color:var(--black-color);font-size:17px;font-weight:700;line-height:140%;margin-left:16px}.bars{align-items:flex-end!important;display:flex!important;flex-direction:row;height:auto;justify-content:flex-start;margin:0;padding:0;width:330px}.bar{display:flex!important;flex-direction:column;height:258px;justify-content:flex-end!important;margin:0 5px;padding:0;width:100px;span{color:#4b5dfa;color:var(--blue-color);font-size:19px;font-weight:600;line-height:140%;margin-bottom:10px}.bluebar{background-color:#4b5dfa;background-color:var(--blue-color);height:190px;margin:0 0 13px;width:74px}.graybar{background-color:#eaecff;height:100px;margin:0 0 13px;width:74px}p{color:#4b5dfa;color:var(--blue-color);font-size:15px;font-weight:600;line-height:140%}}}div{align-items:center;border-radius:8.7px;height:70px;justify-content:flex-start;margin-bottom:11px;margin-left:70px;padding-left:22px;width:334px}}.surveybox1,.surveybox23{display:flex;display:flex;display:flex;position:absolute;width:1440px}.surveybox23{height:auto;top:1157px;.surveybox2{background-color:#fff;border:1px solid #f3f3f3;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;display:block;height:800px;left:0;margin-right:30px;padding:64px 80px 0;top:0;transition:all 1s;transition-delay:.8s;width:688px;.text{align-items:flex-start;flex-direction:column;height:auto;margin-bottom:72px;padding:0;width:334px;h3{color:#2e3143;font-size:36px;line-height:140%;margin-bottom:18px}h3,p{text-align:left}p{color:#6f728c;color:var(--gray-color);font-size:18px;letter-spacing:-.01em;line-height:160%}}.circle{background:none;height:auto;width:auto;p{color:#2e3143;color:var(--black-color);font-size:17px;font-weight:700;line-height:140%;text-align:left}.percentimg{border-radius:0;height:370px;position:relative;width:528px;.first{align-items:center!important;background-color:#4b5dfa;background-color:var(--blue-color);border-radius:3000px;display:flex!important;height:227px;justify-content:center;position:absolute!important;width:227px;.content{display:flex!important;flex-direction:column;padding-bottom:6px;div{span{color:#fff}}p{color:#fff;font-size:17px;font-weight:600;line-height:140%;text-align:center}}}.second{align-items:center;background-color:#eaecff;border-radius:3000px;display:flex!important;justify-content:center;position:absolute!important;span{color:#bcbfdd;font-weight:500;line-height:140%}}}}}.surveybox3{background-color:#fff;border:1px solid #f3f3f3;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;display:block;height:800px;left:718px;padding:64px 80px 0;transition:all 1s;width:722px;.text{align-items:flex-start;flex-direction:column;height:auto;margin-bottom:72px;padding:0;width:334px;h3{color:#2e3143;font-size:36px;line-height:140%;margin-bottom:18px}h3,p{text-align:left}p{color:#6f728c;color:var(--gray-color);font-size:18px;letter-spacing:-.01em;line-height:160%}}.chart1{height:auto;width:562px;p{color:#2e3143;color:var(--black-color);font-size:17px;font-weight:700;line-height:140%;text-align:left}.answ{align-items:center;display:flex!important;span{color:#bcbfdd;font-size:20px;font-weight:600;line-height:140%}.bluepercent{background-color:#4b5dfa;background-color:var(--blue-color);border-radius:10px;height:72px;margin-right:8px;padding:20px;width:246px;span{color:#fff;display:block;text-align:right;width:100%}}.graypercent{background-color:#eaecff;border-radius:10px;height:72px;margin-right:20px;width:162px;span{display:block;padding:20px;text-align:left;width:100%}}}}.chart2{height:auto;margin-top:82px;width:562px;p{color:#2e3143;color:var(--black-color);font-size:17px;font-weight:700;line-height:140%;text-align:left}.answ{align-items:center;display:flex!important;span{color:#bcbfdd;font-size:20px;font-weight:600;line-height:140%}.bluepercent{background-color:#4b5dfa;background-color:var(--blue-color);border-radius:10px;height:72px;margin-right:8px;padding:20px;width:206px;span{color:#fff;display:block;text-align:right}}.graypercent{background-color:#eaecff;border-radius:10px;height:72px;margin-right:20px;width:202px;span{display:block;padding:20px;text-align:left;width:100%}}}}.comment{color:#4f5264cc;font-size:14px;font-weight:500;line-height:160%;margin-top:74px;text-align:left}}}}.goal{align-items:center;background-color:#f9faff;display:flex;flex-direction:column;height:1466px;position:relative;.text{transition:all 1s}.text,h2{position:absolute}h2{color:#e9ecfd;filter:blur(1.5px);font-size:177px;letter-spacing:-.01em;transition:all 2s}.goalbox{background-color:#fff;border-radius:30px;box-shadow:5px 5px 15px 0 #4055bc0f;padding:32px 42px;position:absolute;transition:all 1s;h3{color:#2e3143;font-size:30px;letter-spacing:-.01em;margin-bottom:12.15px}h3,p{text-align:left}p{color:#6f728c;font-size:18px;font-weight:500;line-height:160%}}}.persona{align-items:center;background-color:#f9faff;display:flex;flex-direction:column;height:1373px;padding:0 240px;position:relative;.pers,.text{position:absolute;transition:all 1s}.pers{display:flex;left:240px;top:470px;img:hover{cursor:pointer}.persona1{background-color:#fff;border:1px solid #f4f6ff;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;display:flex;height:690px;margin:0 30px;overflow:hidden;width:660px;img{position:inherit}.person1{height:643px;padding:40px 53px 0;width:660px}.jour1{height:643px;padding:40px 53px 0 40px;width:1413px}}}.pers1{background-color:#fff;border:1px solid #f3f3f3;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;height:768px;left:0;margin:0 100px;position:absolute;top:450px;width:3000px}}.solution{align-items:center;background-color:#f9faff;display:flex;flex-direction:column;height:1150px;position:relative;.text{top:166px;transition:all 1s}.cards,.text{position:absolute}.cards{display:flex;justify-content:space-between;top:417px;width:1244px;div{align-items:center;display:flex;flex-direction:column;width:337px;span{color:#4f5264a3;font-size:20px;font-weight:600;font-weight:var(--fontWeight-semibold);letter-spacing:-.01em;line-height:140%;margin-bottom:15px;transition:all 1s;transition-delay:.7s}p{color:#2e3143;color:var(--black-color);font-size:22px;font-weight:600;font-weight:var(--fontWeight-semibold);letter-spacing:-.01em;line-height:160%;transition:all 1s;transition-delay:.7s}.arrow{height:99px;margin-top:55px;position:relative;width:22px;.circle{background-color:#4b5dfa;background-color:var(--blue-color);border-radius:1000px;height:22px;opacity:.3;position:absolute!important;top:0;transition:all 1s;width:22px}.smallcircle{background-color:#4b5dfa;background-color:var(--blue-color);border-radius:1000px;height:8px;margin:0 7px;position:absolute!important;top:7px;transition:all 1s;width:8px}.line{border:1px solid #4b5dfa;border:1px solid var(--blue-color);height:84px;left:10px;position:absolute!important;top:15px;transition:all .8s;width:2px}}.blackcard{align-items:center;background-color:#4b5dfa;background-color:var(--blue-color);border-radius:16px;box-shadow:5px 5px 15px 0 #4055bc0f;color:#fff;color:var(--white-color);display:flex;font-size:22px;font-weight:600;height:228px;justify-content:center;line-height:160%;transition:all 1s;width:337px;span{color:#dee1ff;font-size:20px;font-weight:600;font-weight:var(--fontWeight-semibold);letter-spacing:-.01em;line-height:140%}}}}}.userflow{align-items:center;background-color:#f9faff;background-color:var(--back-blue-color);display:flex;flex-direction:column;height:1630px;position:relative;.text{position:absolute}.flowchart,.text{transition:all 1s}.flowchart{align-items:center;background-color:#fff;border-radius:36px;box-shadow:10px 10px 20px 0 #4055bc0f;display:flex;height:842px;justify-content:center;position:relative;transition-delay:.5s;width:1700px;.flowimg{position:inherit!important}}.needs{transition:all 1s}}.styleguide{align-items:center;background-color:#f9faff;background-color:var(--back-blue-color);display:flex;flex-direction:column;height:2200px;position:relative;width:100%;.text{position:absolute}.text,img{transition:all 1s}}.onboard{background-color:#f9faff;background-color:var(--back-blue-color);height:1100px;position:relative;.white{background-color:#fff;bottom:0;height:600px;width:100%}.white,img{position:absolute}img{left:761px;top:202px;transition:all 1s;z-index:3}}.onboard2{height:1090px;position:relative;.text{left:1280px;z-index:99}.mock,.text{position:absolute;transition:all 1s}.mock{left:405px;top:250px}}.home{height:1518px;position:relative;.text{display:inline-block;left:290px;transition:all 1s;transition-delay:.6s}.text,img{position:absolute}img{transition:all 1s}.homemock1{image-rendering:crisp-edges;left:846px;top:235px;width:402px}.homemock2{left:1278px;top:235px;transition-delay:.2s;width:402px}}.speaking{align-items:center;display:flex;flex-direction:column;height:1607px;position:relative;.text{top:160px}.text,img{position:absolute;transition:all 1s}.speakmock{width:410px}}.aitalk{background-color:#f9faff;height:3480px;position:relative;.text{left:289px;top:255px}.aichat,.aimock,.text{position:absolute;transition:all 1s}}.review{height:1300px;position:relative;.text{left:289px;top:210px}.reviewmock,.text{position:absolute;transition:all 1s}.reviewmock{left:886px;top:388px;transition-delay:.5s}.reviewcard{position:absolute;transition:all 1s}}.daily{height:1450px;position:relative;.dailymock,.size,.text{position:absolute;transition:all 1s}.size{height:559px;overflow:hidden;width:340px;img{left:0;top:0}}.dailycard{position:absolute}}.league{height:1280px;position:relative;.text{left:244px;position:absolute;top:704px;transition:all 1s;transition-delay:.5s}.leaguemock{left:785px;position:absolute;top:256px;transition:all 1s}#leagueback0{animation:leaguerotation1 50s 1;animation-fill-mode:forwards;animation-timing-function:linear;left:0}#leagueback0,#leagueback1{position:absolute;top:40px;transition:all 1s;transition-delay:.3s;z-index:-1}#leagueback1{animation:leaguerotation2 100s 1;animation-delay:50s;animation-iteration-count:infinite;animation-timing-function:linear;left:-4000px}#leagueback2{animation:leaguerotation2 100s 1;animation-iteration-count:infinite;animation-timing-function:linear;left:-1197px;transition:all 1s;transition-delay:.3s;z-index:-1}#leagueback2,.leaguewhite{position:absolute;top:40px}}}}:root{--navy-color:#182532;--title-white-color:#e0e3e8;--text-white-color:#bcc4cd;--fontWeight-medium:400}*{font-family:Pretendard Variable}img{position:absolute;top:0}.seoul-container{background-color:#182532;background-color:var(--navy-color);height:13000px;overflow-x:hidden;width:100%;.text{align-items:center;display:flex;flex-direction:column;padding-top:48px;position:absolute;transition:all 1s;z-index:10;h1{color:#e0e3e8;font-size:44px;font-weight:500;letter-spacing:-.02em;line-height:140%;margin-bottom:20px}p{color:#bcc4cd;color:var(--text-white-color);font-size:18px;font-weight:400;font-weight:var(--fontWeight-medium);letter-spacing:0;line-height:170%}}.cover{align-items:center;display:flex;flex-direction:column;height:1464px;width:100%;img{margin-top:110px}}.overview{align-items:center;display:flex;flex-direction:column;height:1201px;position:relative;.text{align-items:center;display:flex;flex-direction:column;position:absolute;z-index:3;img{left:auto;top:0}}img{top:75px;transition:all 1.5s}}.design{align-items:center;display:flex;flex-direction:column;height:2487px;margin-top:59px;position:relative;img{position:absolute;transition:all 1.6s}.wishball{right:-365px;top:-254px}}.banner{align-items:center;display:flex;flex-direction:column;height:1447px;position:relative;img{transition:all 1s;transition-delay:.5s}}.ui{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;img{transition:all 1s;transition-delay:.5s}}.backele{left:50px;opacity:.2;top:4829px}}@keyframes mockmove{0%{top:-650px}to{top:-248px}}@keyframes cardsweep{0%{left:980px;top:180px;z-index:0}13%{left:980px;top:180px;z-index:0}20%{left:900px;top:240px;z-index:1}33%{left:900px;top:240px;z-index:1}46%{left:900px;top:240px;z-index:1}53%{left:820px;top:300px;z-index:2}66%{left:820px;top:300px;z-index:2}77%{left:820px;top:300px;z-index:2}80%{left:820px;top:1000px;z-index:2}84%{left:980px;top:1000px;z-index:0}87%{left:980px;top:180px;z-index:0}to{left:980px;top:180px;z-index:0}}@keyframes cardsweep1{0%{left:900px;top:240px;z-index:1}13%{left:900px;top:240px;z-index:1}20%{left:820px;top:300px;z-index:2}33%{left:820px;top:300px;z-index:2}44%{left:820px;top:300px;z-index:2}47%{left:820px;top:1000px;z-index:2}51%{left:980px;top:1000px;z-index:0}54%{left:980px;top:180px;z-index:0}67%{left:980px;top:180px;z-index:0}80%{left:980px;top:180px;z-index:0}87%{left:900px;top:240px;z-index:1}to{left:900px;top:240px;z-index:1}}@keyframes cardsweep2{0%{left:820px;top:300px;z-index:2}11%{left:820px;top:300px;z-index:2}14%{left:820px;top:1000px;z-index:2}18%{left:980px;top:1000px;z-index:0}21%{left:980px;top:180px;z-index:0}34%{left:980px;top:180px;z-index:0}46%{left:980px;top:180px;z-index:0}53%{left:900px;top:240px;z-index:1}67%{left:900px;top:240px;z-index:1}80%{left:900px;top:240px;z-index:1}87%{left:820px;top:300px;z-index:2}to{left:820px;top:300px;z-index:2}}.container{align-items:center;height:12000px;overflow:hidden;position:relative;header{align-items:center;display:flex;height:118px;justify-content:center;position:fixed;top:0;width:100%;z-index:31;.header-container{align-items:center;display:flex;height:100px;justify-content:space-between;padding:0 38px 0 40px;width:100%;z-index:31;.logo{color:#000;font-family:Krona One;font-size:22px;font-weight:500;letter-spacing:-.08em;padding:10px}ul{display:flex;height:100%;justify-content:flex-start;padding:0;li{align-items:center;display:flex;font-size:17px;font-weight:500;padding:0 27px;a{color:#fff}}li:hover{cursor:pointer}}.menu{align-items:left;display:flex;flex-direction:column;height:54px;justify-content:center;position:relative;width:54px;.line{background-color:#000;height:2px;margin-bottom:11px;margin-left:9px;position:absolute;transition:all .5s;width:36px}}.menu:hover{cursor:pointer}}.menuback{align-items:center;background-color:#000;display:flex;flex-direction:column;height:200%;position:absolute;right:0;top:0;transition:all 1s;width:100%;z-index:30;.menuback-inner{align-items:center;display:flex;height:100%;justify-content:space-between;overflow:hidden;width:1320px;ul{align-items:left;display:flex;flex-direction:column;height:440px;justify-content:space-between;width:400px;li{color:#fbfbfb;display:flex;font-size:90px;font-weight:500;height:108px;letter-spacing:-.01em;text-align:left;transition:all .5s;transition-delay:.3s;a{color:#fbfbfb}.colorpoint{background-color:#883eff;border-radius:300px;height:20px;margin:14px;opacity:0;transition:all .3s;width:20px}}li:hover{cursor:pointer}}.info{align-items:left;display:flex;flex-direction:column;height:440px;justify-content:end;width:320px;p{color:#6e6e6e;margin-top:40px}h5,p{font-size:20px;font-weight:500;text-align:left;transition:all 1s}h5{color:#fbfbfb;margin-top:10px}}.info:hover{cursor:pointer}}}}.text{height:322px;left:247px;position:absolute;position:fixed;top:calc(50% - 191px);transition:all 1s;z-index:20;h2{color:#000;font-size:58px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;text-align:left}#maintitle2{font-size:26px;font-weight:400;margin-left:2px;margin-top:14px}.number{align-items:center;color:#000;display:flex;margin-left:3px;margin-top:56px;transition:all 1s;.now{font-size:30px;font-weight:700;margin-right:9px}span{font-size:22px;font-weight:400;margin-right:8px}}.view{color:#fff;margin-top:76px;text-align:left;a{border:1px solid #fff;border-radius:20px;color:#fff;font-size:17px;font-weight:300;padding:14px 30px;text-decoration:none}a:hover{background-color:#fff;cursor:pointer;font-weight:500}}}.proj{background-color:#fff;height:2000px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}#proj1{#mocks{animation:mockmove 5s 1;animation-delay:2s;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(0,.805,.15,1);left:751px;opacity:0;top:-248px;transition:all 2s;z-index:10}#firstmock{left:1078px;transition:all 1s;transition-delay:.7s;z-index:3}.bluecircle{background-color:#4359ff;border-radius:100%;height:30px;left:1240px;position:absolute;top:460px;transform:translate(-50%,-50%) scale(1);transition:all 2s;transition-delay:1.4s;width:30px}}#proj2{background-color:#1a1a1a;position:absolute;transition:all 1s;z-index:2;.classcard1{border-radius:10px;box-shadow:10px 10px 10px 10px #0000001a;left:820px;top:300px;transform:rotateX(20deg) rotateY(13deg) rotate(0deg);transition:all 2s;width:800px;z-index:4}#maincard{animation:cardsweep2 24s infinite;animation-fill-mode:forwards;animation-timing-function:ease-out;z-index:2}#classcard{animation:cardsweep1 24s infinite;animation-fill-mode:forwards;animation-timing-function:ease-out;z-index:1}#catecard{animation:cardsweep 24s infinite;animation-fill-mode:forwards;animation-timing-function:ease-out;z-index:0}.classcard2{z-index:3}.classcard2,.classcard3{border-radius:10px;box-shadow:10px 10px 10px 10px #0000001a;left:980px;top:180px;transform:rotateX(20deg) rotateY(13deg) rotate(0deg);transition:all 2s;width:800px}}#proj3{background-color:#0d2139;position:absolute;transition:all 1s;z-index:3;#lightback{left:0;top:0;transition:all 1s;transition-delay:.3s}#lightmock{left:840px;top:150px;transition:all 1.5s;transition-delay:.3s;width:1300px}.lightletter{left:380px;top:380px;transition:all 2s;transition-delay:2s;width:540px}.lightstar{left:0;top:0;transition:all 1s;transition-delay:.3s}.lightstarp{left:800px;top:246px;transition:all 2s}}}.aboutcontainer{header{align-items:center;display:flex;height:118px;justify-content:center;position:fixed;top:0;width:100%;z-index:31;.header-container{align-items:center;display:flex;height:100px;justify-content:space-between;padding:0 38px 0 40px;width:100%;z-index:31;.logo{color:#fbfbfb;font-family:Krona One;font-size:22px;font-weight:500;letter-spacing:-.08em;padding:10px}ul{display:flex;height:100%;justify-content:flex-start;padding:0;li{align-items:center;display:flex;font-size:17px;font-weight:500;padding:0 27px;a{color:#fff}}li:hover{cursor:pointer}}.menu{align-items:left;display:flex;flex-direction:column;height:54px;justify-content:center;position:relative;width:54px;.line{background-color:#fbfbfb;color:#fbfbfb;height:2px;margin-bottom:11px;margin-left:9px;position:absolute;transition:all .5s;width:36px}}.menu:hover{cursor:pointer}}.menuback{align-items:center;background-color:#000;display:flex;flex-direction:column;height:200%;position:absolute;right:0;top:0;transition:all 1s;width:100%;z-index:30;.menuback-inner{align-items:center;display:flex;height:100%;justify-content:space-between;overflow:hidden;width:1320px;ul{align-items:left;display:flex;flex-direction:column;height:440px;justify-content:space-between;width:400px;li{color:#fbfbfb;display:flex;font-size:90px;font-weight:500;height:108px;letter-spacing:-.01em;text-align:left;transition:all .5s;transition-delay:.3s;a{color:#fbfbfb}.colorpoint{background-color:#883eff;border-radius:300px;height:20px;margin:14px;opacity:0;transition:all .3s;width:20px}}li:hover{cursor:pointer}}.info{align-items:left;display:flex;flex-direction:column;height:440px;justify-content:end;width:320px;p{color:#6e6e6e;margin-top:40px}h5,p{font-size:20px;font-weight:500;text-align:left;transition:all 1s}h5{color:#fbfbfb;margin-top:10px}}.info:hover{cursor:pointer}}}}.body{height:6000px;width:100%;#content1{background-color:#000;height:945px;position:relative;width:100%;.text{bottom:160px;color:#fff;font-size:50px;font-weight:700;left:230px;letter-spacing:-.02em;line-height:150%;position:absolute;text-align:left;width:530px;h3{font-size:46px;font-weight:500}h2,h3{letter-spacing:0;line-height:140%;transition:all 2s}h2{font-size:80px;margin-top:12px;transition-delay:.5s}}}.context1{height:600px;left:1200px;padding-left:50px;position:absolute;text-align:left;top:1950px;transition:all 1s;h2{font-size:40px;font-weight:700;margin-bottom:20px}p{font-size:18px}}}}
/*# sourceMappingURL=main.c8f39833.css.map*/