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}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff}.error-boundary{width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.error-boundary img{max-width:300px;height:auto;margin:0 0 20px}.header{position:fixed;top:5%;left:5%;width:20%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:991px){.header{position:absolute}.header.is-home{position:fixed}}@media screen and (max-width:767px){.header.is-home{position:absolute}}.header .name{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-animation:fade-in 1.5s cubic-bezier(.7,0,.3,1);animation:fade-in 1.5s cubic-bezier(.7,0,.3,1);cursor:pointer;font-family:unset}.header .name:hover span{color:var(--color4)}.header .name span{font-family:"Inconsolata",monospace,sans-serif;display:block;font-size:18px;line-height:29px;letter-spacing:6px;font-weight:500;color:#fff;transition:all .3s ease-in-out}@media screen and (max-width:1400px){.header .name span{font-size:16px;line-height:25px}}@media screen and (max-width:991px){.header .name span{font-size:14px;line-height:20px}}.header .action-button{position:fixed;bottom:5%;left:5%;width:60px;height:60px;background:var(--color4);border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;-webkit-animation:fade-in 1.5s cubic-bezier(.7,0,.3,1);animation:fade-in 1.5s cubic-bezier(.7,0,.3,1)}@media screen and (max-width:991px){.header .action-button{width:52px;height:52px}}.header .action-button:hover{background:#fff}.header .action-button:hover svg{fill:var(--color4)}.header .action-button svg{width:50%;fill:#fff;transition:all .3s ease-in-out}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.social-buttons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.social-buttons.vertical{-webkit-flex-direction:column;flex-direction:column}.social-buttons .social-button{width:40px;height:40px;border-radius:50%;background:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:10px;transition:all .3s ease-in-out;opacity:.3;-webkit-animation:fade-in-pause-30 2s ease-in-out;animation:fade-in-pause-30 2s ease-in-out}@-webkit-keyframes fade-in-pause-30{0%{opacity:0}70%{opacity:0}to{opacity:.3}}@keyframes fade-in-pause-30{0%{opacity:0}70%{opacity:0}to{opacity:.3}}.social-buttons .social-button:hover{opacity:1}.social-buttons .social-button svg{width:50%;height:50%;fill:var(--color1)}.nav{opacity:.6;color:#fff;transition:all .3s ease-in-out;-webkit-animation:fade-in-pause 2s ease-in-out;animation:fade-in-pause 2s ease-in-out;z-index:99}@-webkit-keyframes fade-in-pause{0%{opacity:0}70%{opacity:0}to{opacity:.6}}@keyframes fade-in-pause{0%{opacity:0}70%{opacity:0}to{opacity:.6}}.nav:hover{opacity:1;color:#fff}@media screen and (max-width:991px){.nav{line-height:28px;font-size:19px}}.nav.selected{opacity:1;color:var(--color4)}.footer{position:fixed;top:0;right:0;bottom:0;width:10%;border-left:1px dashed var(--color4);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:3% 0;-webkit-animation:footer-slide-down 1.5s cubic-bezier(.7,0,.3,1);animation:footer-slide-down 1.5s cubic-bezier(.7,0,.3,1)}@media screen and (max-width:991px){.footer{position:absolute;border-left:unset;padding:unset;width:unset;bottom:unset;top:5%;right:5%;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end}.footer.is-home{position:fixed}}@media screen and (max-width:767px){.footer.is-home{position:absolute}}@-webkit-keyframes footer-slide-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes footer-slide-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.loader{top:50%;left:50%;border:4px solid #fff;border-top:4px solid var(--color4);border-radius:50%;width:60px;height:60px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media screen and (max-width:991px){.loader{width:52px;height:52px}}.loader.fixed{position:fixed}.loader.absolute{position:absolute}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.floaters-container{position:relative;overflow:hidden;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.floaters-container.show{opacity:1}.floaters-container .floaters{position:absolute;top:-5%;left:-5%}.carousel-item{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;position:relative;background:var(--color1);transition:all .3s cubic-bezier(.7,0,.3,1);overflow:hidden}.carousel-item:after{padding-bottom:56.25%;content:"";display:block}@media screen and (min-width:768px)and (max-width:1075px){.carousel-item:after{padding-bottom:64%}}.carousel-item.show{opacity:1;-webkit-transform:translateY(-50%) scale(1.08);transform:translateY(-50%) scale(1.08);box-shadow:5px 5px 140px -18px rgba(0,0,0,.8)}@media screen and (max-width:767px){.carousel-item.show{box-shadow:5px 5px 50px -18px rgba(0,0,0,.8);-webkit-transform:none;transform:none}}.carousel-item.hide{opacity:.3;box-shadow:none}.carousel-item .background-canvas,.carousel-item .inner-item{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-item .inner-item{transition:all .3s cubic-bezier(.7,0,.3,1)}.carousel-item .inner-item.show{opacity:1}.carousel-item .inner-item.hide{opacity:0}.see-more{width:100%;height:100%;position:relative}.see-more,.see-more .outer-eye{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.see-more .outer-eye{width:50%;height:50%;background:#fff;border-radius:75% 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);overflow:hidden;cursor:pointer;box-shadow:5px 5px 50px -18px rgba(0,0,0,.8);outline:none}.see-more .outer-eye .iris{position:relative;width:70%;height:70%;border-radius:50%;background:var(--color4);overflow:hidden}.see-more .outer-eye .iris .pupil{position:absolute;top:30%;left:30%;width:40%;height:40%;border-radius:50%;background:#000;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.see-more .outer-eye .iris .pupil>*{width:40%;height:40%;border-radius:50%;background:#fff}.see-more .outer-eye .eye-lid{position:absolute;top:50%;left:50%;width:150%;height:100%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.see-more .outer-eye .eye-lid:after{display:block;content:"";width:100%;height:0;border-radius:0 0 50% 50%;background:var(--color2)}.see-more .outer-eye .eye-lid.shut:after{-webkit-animation:close-and-open .6s ease-in-out;animation:close-and-open .6s ease-in-out}@-webkit-keyframes close-and-open{0%{height:0}50%{height:100%}to{height:0}}@keyframes close-and-open{0%{height:0}50%{height:100%}to{height:0}}.see-more .more-line{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;margin-top:0}.see-more .options{position:absolute;bottom:0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.see-more .options>*{font-size:110%}.carousel{position:relative;height:100%;width:100%;white-space:nowrap;overflow:hidden}.carousel .port{width:35%;position:fixed;left:3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}@media screen and (max-width:767px){.carousel .port{top:60px;width:97%;-webkit-transform:unset;transform:unset}}.carousel .slider-wrapper{position:absolute;top:50vh;height:60vh;margin-left:75vw}.carousel .slider-wrapper .container{display:inline-block;width:40vw;height:100%;margin:0 5vw}.carousel .message{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.carousel .message .oval{position:relative;width:40px;height:60px;border-radius:25px;border:2px solid #fff;margin-bottom:22px;-webkit-animation:slide-up 1.4s cubic-bezier(.7,0,.3,1);animation:slide-up 1.4s cubic-bezier(.7,0,.3,1)}.carousel .message .oval .line{background:#fff;width:2px;height:20px;position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.carousel .message .oval .line :first-child{bottom:0;left:50%;position:absolute;width:12px;height:12px;border-bottom:2px solid #fff;border-left:2px solid #fff;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.carousel .message .scroll{letter-spacing:2px;font-size:110%;-webkit-animation:slide-down 1.4s cubic-bezier(.7,0,.3,1);animation:slide-down 1.4s cubic-bezier(.7,0,.3,1)}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.carousel .more{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20vw;height:20vw}.carousel .social-panel{position:fixed;top:50%;right:0;width:10vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:991px){.carousel .social-panel{right:2%}}.carousel .indicators{position:fixed;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;opacity:0;transition:all .3s ease-in-out}.carousel .indicators.show{opacity:1}.carousel .indicators>*{letter-spacing:2px}.card{width:100%;height:100%;padding:10px;text-align:center;white-space:normal}.card .logo{width:100%;height:20%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.card .logo svg{height:100%;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:grow-slide .8s cubic-bezier(.7,0,.3,1);animation:grow-slide .8s cubic-bezier(.7,0,.3,1)}@-webkit-keyframes grow-slide{0%{-webkit-transform:translateY(200%) scale(1.3);transform:translateY(200%) scale(1.3)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes grow-slide{0%{-webkit-transform:translateY(200%) scale(1.3);transform:translateY(200%) scale(1.3)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.card .text-container{height:80%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.card .text-container .text{width:100%;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation:fade-in .6s cubic-bezier(.7,0,.3,1) .8s forwards;animation:fade-in .6s cubic-bezier(.7,0,.3,1) .8s forwards;font-size:1.6vw}@media screen and (max-width:767px){.card .text-container .text{font-size:3.5vw}}.card .text-container .text h3{margin:3% 0}.card .text-container .text .gold{color:var(--color4)}.card .text-container .text .dual-grid{display:grid;grid-template-columns:1fr 1fr}.card .text-container .text .dual-grid.spread{margin-top:8%;grid-row-gap:10%}.enter{opacity:0;width:100%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.enter.fade-up{-webkit-animation:fade-up .6s ease-out forwards;animation:fade-up .6s ease-out forwards}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.carousel-item-list{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-transform:translateY(-20px);transform:translateY(-20px);padding:20px 0}.carousel-item-list .item-container{margin:20px 5%}.carousel-item-list .list-more{margin-top:20vw;width:50vw;height:50vw}.home{height:100vh;white-space:nowrap;overflow:hidden;-webkit-animation:fade-in .6s ease-in-out;animation:fade-in .6s ease-in-out}@media screen and (max-width:767px){.home{height:unset}}.home .home-content{height:100vh;width:100vw;position:fixed}@media screen and (max-width:767px){.home .home-content{position:static;height:unset}.home .home-content .home-gif{width:80vw;height:45vw;margin:90px 11% 0 9%;z-index:-1}.home .home-content .home-gif img{width:100%}}.work-item{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;position:relative;padding:20px;cursor:pointer;background:var(--color2);background-size:cover;background-position:50%;overflow:hidden;transition:all .3s ease-in-out}@media screen and (min-width:576px){.work-item:hover .image.show{opacity:.1}.work-item:hover .details{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.work-item .floater-load,.work-item .image{position:absolute;top:0;left:0;width:100%;height:100%}.work-item .image{opacity:0;right:0;bottom:0;overflow:hidden;transition:all .3s ease-in-out}.work-item .image.show{opacity:1}.work-item .gradient{position:absolute;top:40%;left:0;right:0;bottom:0;background:linear-gradient(0deg,#272343 0,rgba(39,35,67,.738) 19%,rgba(39,35,67,.541) 34%,rgba(39,35,67,.382) 47%,rgba(39,35,67,.278) 56.5%,rgba(39,35,67,.194) 65%,rgba(39,35,67,.126) 73%,rgba(39,35,67,.075) 80.2%,rgba(39,35,67,.042) 86.1%,rgba(39,35,67,.021) 91%,rgba(39,35,67,.008) 95.2%,rgba(39,35,67,.002) 98.2%,rgba(39,35,67,0))}.work-item .details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:#fff;font-size:1em;transition:all .3s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@media screen and (max-width:575px){.work-item .details{opacity:1;-webkit-transform:none;transform:none;z-index:0}}.work-item .details h3{margin:5px 0}.video{position:absolute;top:0;left:0;width:100%;height:100%}.video *{outline:none}.video :last-child{position:absolute;top:0;left:0;width:100%;height:100%}.work-detail{text-align:center;-webkit-animation:fade-in .6s ease-in-out;animation:fade-in .6s ease-in-out}.work-detail h1{font-weight:700}@media screen and (max-width:991px){.work-detail h1{font-size:1.8em}}.work-detail .video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin:20px 0}.work-detail .info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:768px){.work-detail .info{width:70%;-webkit-flex-direction:column;flex-direction:column;margin:0 auto}}@media screen and (max-width:575px){.work-detail .info{width:100%}}.work-detail .info>:first-child{width:60%;text-align:left;line-height:30px;font-size:110%}@media screen and (max-width:991px){.work-detail .info>:first-child{font-size:100%}}@media screen and (max-width:768px){.work-detail .info>:first-child{width:100%}}.work-detail .info .details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left;width:30%}@media screen and (max-width:991px){.work-detail .info .details{width:35%}}@media screen and (max-width:768px){.work-detail .info .details{width:100%}}.work-detail .info .details .detail-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:15px 0}.work-detail .info .details .detail-item :first-child{color:var(--color4);font-size:90%;margin-bottom:4px}@media screen and (max-width:991px){.work-detail .info .details .detail-item :first-child{font-size:85%;margin-bottom:2px}}@media screen and (max-width:991px){.work-detail .info .details .detail-item :last-child{font-size:95%}}.work-detail .info .details .detail-item a{font-size:unset}.privacy-policy{text-align:center}.privacy-policy h2{margin:40px 0 20px;text-transform:capitalize}.work{width:65%;margin:5% auto}@media screen and (max-width:991px){.work{width:88%;margin:150px auto 0}}.work .work-header{margin:22px auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center}.work .work-collection{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(10,1fr);grid-template-areas:"joe joe" "joe joe" "breathe breathe" "breathe breathe" "spent spent" "spent spent" "too too" "too too" "tele tele" "tele tele" "holder1 wechat" "holder1 wechat";grid-column-gap:1em;grid-row-gap:1em;transition:all .3s ease-out}@media screen and (min-width:576px){.work .work-collection{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"joe joe breathe breathe" "joe joe breathe breathe" "spent spent too too" "spent spent too too" "tele tele holder1 wechat" "tele tele holder1 wechat";grid-column-gap:.8em;grid-row-gap:.8em}.work .work-collection .holder2{grid-area:holder2}}.work .work-collection:before{content:"";width:0;padding-bottom:100%;grid-row:1/1;grid-column:1/1}.work .work-collection>*{opacity:0;-webkit-animation:fade-in 1s ease-out;animation:fade-in 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.work .work-collection .holder1{grid-area:holder1}.about{width:65%;margin:2% auto;-webkit-animation:fade-in .6s ease-in-out;animation:fade-in .6s ease-in-out;position:relative}@media screen and (max-width:991px){.about{width:70%;margin:150px auto 0}}@media screen and (max-width:767px){.about{width:88%}}.about .content .details{width:50%;line-height:30px;font-size:110%}@media screen and (max-width:767px){.about .content .details{width:100%}}.about .content .intro{font-size:300%;line-height:52px;margin-top:0;font-weight:700}@media screen and (max-width:991px){.about .content .intro{line-height:48px;font-size:250%}}@media screen and (max-width:575px){.about .content .intro{line-height:34px;font-size:170%}}.about .content .interest{font-size:160%;margin-bottom:40px;font-weight:600}@media screen and (max-width:991px){.about .content .interest{font-size:140%}}@media screen and (max-width:575px){.about .content .interest{font-size:140%}}.about .content .interest .gold{color:var(--color4)}.about .content .contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:110%}.about .content .contact .row{display:-webkit-flex;display:flex;margin-bottom:8px}.about .content .contact .row>*{display:block}.about .content .contact .row :first-child{margin-right:16px;color:var(--color4)}.about .content .contact .row a{font-size:unset}.about .content .gif{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:20px 0}.about .content .gif:after{content:"";display:block;padding-bottom:56.25%}.about .content .gif .monitor-gif{width:80%;height:45%;position:static;-webkit-transform:none;transform:none}.about .monitor-gif{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40%}:root{--color1:rgba(63,59,89,0.8);--color2:#272343;--color3:#4a185d;--color4:#a27d57;--color5:#eb412e}*{box-sizing:border-box}html{background:#272343;background:var(--color2)}@font-face{font-family:sofia-pro,sans-serif;font-display:swap}body{color:#fff;overflow-x:hidden;letter-spacing:1.5px;font-family:sofia-pro,sans-serif}h1,h2,h3{letter-spacing:4px;font-weight:100;color:var(--blue)}h1{font-size:3em}a{outline:none;text-decoration:none;color:#fff;font-size:1.5em;transition:all .3s ease-in-out;cursor:pointer}a:hover{color:#a27d57;color:var(--color4)}@media screen and (max-width:1180px){a{font-size:1.2em}}@media screen and (max-width:991px){.App .bottom-panel{width:100%;height:200px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:transparent}}.App .side-panel{content:"";background:rgba(63,59,89,.8);background:var(--color1);position:fixed;top:0;right:0;bottom:0;width:40%;opacity:.6;z-index:-1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation:slide-left 1.5s cubic-bezier(.7,0,.3,1);animation:slide-left 1.5s cubic-bezier(.7,0,.3,1)}@media screen and (max-width:767px){.App .side-panel{opacity:0;-webkit-animation:none;animation:none}}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:.6;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:.6;-webkit-transform:translateX(0);transform:translateX(0)}}.App .nav-box{width:10%;position:fixed;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:20vh;padding:3% 0}.App .nav-box.top{top:0}.App .nav-box.bottom{bottom:0;-webkit-align-items:flex-end;align-items:flex-end}
/*# sourceMappingURL=main.694cd567.chunk.css.map */