*{user-select:none;-ms-user-select:none;outline:0;margin:0;padding:0;-webkit-tab-highlight-color:transparent}html{width:100%;height:100%}body{--system-text:#000;--system-blue:#007aff;--system-green:#34c759;--system-indigo:#5856d6;--system-orange:#ff9500;--system-pink:#ff2d55;--system-purple:#af52de;--system-red:#ff3b30;--system-teal:#5ac8fa;--system-yellow:#fc0;--system-gray2:#aeafb2;--system-gray3:#c7c7cc;--system-gray4:#d1d1d6;--system-gray5:#e5e5ea;--system-gray6:#f2f2f7;font-family:Montserrat,sans-serif}body,body.dark-theme{--system-gray:#8e8e93}body.dark-theme{--system-text:#fff;--system-blue:#0a84ff;--system-green:#30d158;--system-indigo:#5e5ce6;--system-orange:#ff9f0a;--system-pink:#ff375f;--system-purple:#bf5af2;--system-red:#ff453a;--system-teal:#64d2ff;--system-yellow:#ffd60a;--system-gray2:#636366;--system-gray3:#48484a;--system-gray4:#3a3a3c;--system-gray5:#2c2c2e;--system-gray6:#1c1c1e}@media (prefers-color-scheme:dark){body{--system-text:#fff;--system-blue:#0a84ff;--system-green:#30d158;--system-indigo:#5e5ce6;--system-orange:#ff9f0a;--system-pink:#ff375f;--system-purple:#bf5af2;--system-red:#ff453a;--system-teal:#64d2ff;--system-yellow:#ffd60a;--system-gray:#8e8e93;--system-gray2:#636366;--system-gray3:#48484a;--system-gray4:#3a3a3c;--system-gray5:#2c2c2e;--system-gray6:#1c1c1e}body.light-theme{--system-text:#000;--system-blue:#007aff;--system-green:#34c759;--system-indigo:#5856d6;--system-orange:#ff9500;--system-pink:#ff2d55;--system-purple:#af52de;--system-red:#ff3b30;--system-teal:#5ac8fa;--system-yellow:#fc0;--system-gray:#8e8e93;--system-gray2:#aeafb2;--system-gray3:#c7c7cc;--system-gray4:#d1d1d6;--system-gray5:#e5e5ea;--system-gray6:#f2f2f7}}body{overflow:hidden;width:100%;height:100%;position:absolute;background-color:var(--system-gray5);transition:all .5s ease}a,body{cursor:none}a{color:var(--system-text);text-decoration:none}a:hover{color:var(--system-teal)}nav{color:var(--system-text)}.hidden{display:none}.visuallyhidden{opacity:0}.logo{top:80px;left:50%;transform:translateX(-50%);font-size:36px}.about-btn,.logo{position:absolute;font-weight:200}.about-btn{z-index:1;top:50px;left:12px;transform:rotate(-90deg);font-size:18px;animation-name:animateright;animation-duration:.4s}.instruction{position:absolute;fill:var(--system-text);transition:all .5s ease}.instruction:after{content:"Swipe";color:#fff;font-size:20px}.instruction__svg{height:96px;width:96px}footer{top:100px;left:20px;animation-name:animateright;animation-duration:.4s}.cursor,footer{position:absolute}.cursor{color:var(--system-text);border:5px solid var(--system-text);height:20px;width:20px;outline:2px solid var(--system-gray);z-index:9999;pointer-events:none}.cursor--active{background-color:var(--system-text);border:5px solid var(--system-teal)}.cursor--center{position:absolute}.cursor--up{top:40px}.cursor--up,.cursor__arrow-up{position:absolute;left:50%;transform:translateX(-50%);animation-name:animatebottom;animation-duration:.4s}.cursor__arrow-up{top:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--system-gray);transition:all .5s ease}.cusor__arrow-up--active{border-bottom:8px solid var(--system-teal)}.cursor--down{bottom:40px}.cursor--down,.cursor__arrow-down{position:absolute;left:50%;transform:translateX(-50%);animation-name:animatetop;animation-duration:.4s}.cursor__arrow-down{bottom:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--system-gray);transition:all .5s ease}.cusor__arrow-down--active{border-top:8px solid var(--system-teal)}.cursor--left{white-space:nowrap;direction:ltl;width:100%;left:40px}.cursor--left,.cursor__arrow-left{position:absolute;top:50%;transform:translateY(-50%);animation-name:animateright;animation-duration:.4s}.cursor__arrow-left{left:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--system-gray);transition:all .5s ease}.cusor__arrow-left--active{border-right:8px solid var(--system-teal)}.cursor--right{white-space:nowrap;direction:rtl;width:100%;right:40px}.cursor--right,.cursor__arrow-right{position:absolute;top:50%;transform:translateY(-50%);animation-name:animateleft;animation-duration:.4s}.cursor__arrow-right{right:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--system-gray);transition:all .5s ease}.cusor__arrow-right--active{border-left:8px solid var(--system-teal)}.ui__btn-toggle{position:absolute;top:5%;right:10%}canvas{width:100%;height:100%}.neumorphism--text{text-shadow:-2px -2px 4px hsla(0,0%,100%,.4),2px 2px 4px rgba(0,0,0,.08);caret-color:#262626;outline:none}.neumorphism--icon{border-radius:5px;background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.social-icons__svg{height:24px;width:24px}.social-icons__btn{padding:5px}.social-icons__link--youtube{fill:var(--system-text)}.social-icons__link--youtube:hover{fill:var(--system-teal)}.social-icons__link--instagram{fill:var(--system-text)}.social-icons__link--instagram:hover{fill:var(--system-teal)}.about{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff;background-color:rgba(0,0,0,.4);background-repeat:no-repeat;background-size:100% auto;background-attachment:fixed;background-position:bottom;z-index:999}.about,.about__contents{transition:all .5s linear}.about__contents{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.1fr .5fr .25fr .2fr 2fr .25fr .1fr;grid-template-areas:"about_copyright . ." "about__contents__title about__contents__title ." "about__contents__subtitle about__contents__subtitle about__contents__subtitle" ". . ." ". about__contents__body1 about__contents__body2" ". . ." "about__contents__contact about__contents__contact about__contents__contact";column-gap:20px;color:#000;position:absolute;padding:50px;width:80%;max-width:800px;left:50%;transform:translate(-50%);-ms-transform:translate(-50%);background-color:#fff;animation-name:animatebottom;animation-duration:.4s}.about__contents a{color:#000}.about__contents a:hover{color:var(--system-teal)}.about__close{position:absolute;top:10%;right:5%;font-size:28px;font-weight:900}.about__close:hover{color:var(--system-teal)}.about__contents__title{grid-area:about__contents__title;font-size:100px;font-weight:200}.about__contents__subtitle{grid-area:about__contents__subtitle;font-size:1em;padding-left:10px}.about__contents__body1{grid-area:about__contents__body1}.about__contents__body2{grid-area:about__contents__body2}.about__contents__contact{grid-area:about__contents__contact}.about_copyright{grid-area:about_copyright;font-size:10px}.about__contents__contact__elem{padding:10px}@keyframes animatetop{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes animateright{0%{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes animatebottom{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animateleft{0%{right:-300px;opacity:0}to{right:0;opacity:1}}@media only screen and (max-width:600px){.about__contents{display:grid;grid-template-columns:1fr;grid-template-rows:.1fr .5fr .25fr .2fr 1.5fr .1fr 1.5fr .1fr;grid-template-areas:"about_copyright" "about__contents__title" "about__contents__subtitle" "." "about__contents__body1" "." "about__contents__body2" "about__contents__contact"}.about__contents__subtitle{grid-area:about__contents__subtitle;font-size:1em;padding-left:0}}
/*# sourceMappingURL=main.3666be054e8c811fe982.css.map */