.header-simple{margin-bottom:80px;position:relative;z-index:5}.header-simple.is-menu-open{z-index:25}.header-wrapper{display:flex;justify-content:space-between;max-width:900px;margin:0 auto;border-bottom:3px solid #000}.navigation-wrap{transform:matrix(1,0,0,1,0,0);background:none;left:auto;display:table;width:100%;height:100vh;border-right:none;background:#fff;position:fixed;top:0;opacity:0;transition:all .5s}.navigation-wrap>.in{vertical-align:middle;display:table-cell;width:auto;height:auto;transition:all 1s;opacity:1;border-right:1px solid #eee;box-sizing:border-box}.is-menu-open .navigation-wrap{transform:translateZ(0);opacity:1;transition:all .5s}.is-menu-open .navigation a{display:block}.is-menu-open .navigation-bg{opacity:1;transform:scale(1);transition:opacity .3s}.is-menu-open .toggle .t1,.is-menu-open .toggle .t2,.is-menu-open .toggle .t3{transform:translateY(9px)}.is-menu-open .toggle .t1{transform:translate(4px,13px)}.is-menu-open .toggle .t2{transform:translate(3px,5px)}.is-menu-open .toggle .t3{transform:translate(-2px,9px)}.is-menu-open .toggle .t4{transform:translate(4px)}.is-menu-open .toggle .t5{transform:translate(-5px,-4px)}.is-menu-open .toggle .t6{transform:translate(-10px,-4px)}.is-menu-open .toggle .t7{transform:translate(4px,-1px)}.is-menu-open .toggle .t8{transform:translate(7px,-13px)}.is-menu-open .toggle .t9{transform:translate(-14px)}.navigation{max-width:360px;width:100%;display:block;top:0;left:0;transform:rotate(0deg);height:auto;font-size:0;margin:0 auto;position:relative;z-index:101;text-align:center;transform-origin:center;flex-direction:row-reverse;justify-content:center;overflow:hidden}.navigation li{margin:0;display:inline-block;vertical-align:top;overflow:hidden;position:relative}.navigation a,.navigation li{width:100px;height:100px;line-height:100px}.navigation a{font-size:1.1rem;font-weight:500;color:#fff;box-sizing:border-box;padding:0;display:none}.navigation .n1{background:#ed7d79}.navigation .n2{background:#e95657}.navigation .n3{background:#da4149}.navigation .n4{background:#ef8d88}.navigation .n5{background:#111}.navigation .hook{height:100px;width:100px;display:inline-block}.navigation .hook .t1,.navigation .hook .t2,.navigation .hook .t3,.navigation .hook .t4,.navigation .hook .t5,.navigation .hook .t6,.navigation .hook .t7,.navigation .hook .t8,.navigation .hook .t9{display:inline-block;height:33px;width:33px;background:#111}.navigation .hook .t7,.navigation .hook .t8,.navigation .hook .t9{height:34px}.navigation .hook .t3,.navigation .hook .t6,.navigation .hook .t9{width:34px}.navigation .hook .t1{background:#f2a19b}.navigation .hook .t2{background:#ed7d79}.navigation .hook .t3{background:#e66c68}.navigation .n7{background:#f2a19b}.navigation .n6,.navigation .n8,.navigation .n9{background:#111}.navigation .corner{height:100px;width:100px;display:inline-block}.navigation .corner .d1,.navigation .corner .d2,.navigation .corner .d3,.navigation .corner .d4,.navigation .corner .d5,.navigation .corner .d6,.navigation .corner .d7,.navigation .corner .d8,.navigation .corner .d9{display:inline-block;height:33px;width:33px}.navigation .corner .d1{background:#111}.navigation .corner .d2{background:#da4149}.navigation .corner .d4{background:#f2a19b}.navigation .corner .d5{background:#e95657}.navigation .corner .d7{background:#ef8d88}.navigation .corner .d8{background:#ed7d79}.navigation .corner .d7,.navigation .corner .d8,.navigation .corner .d9{height:34px}.navigation .corner .d3,.navigation .corner .d6,.navigation .corner .d9{width:34px;background:#111}.navigation.menu-enter .corner .d1,.navigation.menu-enter .corner .d2,.navigation.menu-enter .corner .d3,.navigation.menu-enter .corner .d4,.navigation.menu-enter .corner .d5,.navigation.menu-enter .corner .d6,.navigation.menu-enter .corner .d7,.navigation.menu-enter .corner .d8,.navigation.menu-enter .corner .d9,.navigation.menu-enter .hook .t1,.navigation.menu-enter .hook .t2,.navigation.menu-enter .hook .t3,.navigation.menu-enter .hook .t4,.navigation.menu-enter .hook .t5,.navigation.menu-enter .hook .t6,.navigation.menu-enter .hook .t7,.navigation.menu-enter .hook .t8,.navigation.menu-enter .hook .t9,.navigation.menu-enter .n1,.navigation.menu-enter .n2,.navigation.menu-enter .n3,.navigation.menu-enter .n4,.navigation.menu-enter .n5,.navigation.menu-enter .n6,.navigation.menu-enter .n7,.navigation.menu-enter .n8,.navigation.menu-enter .n9{opacity:0;transform:scale(0)}.navigation.menu-enter-active .corner .d1,.navigation.menu-enter-active .corner .d2,.navigation.menu-enter-active .corner .d3,.navigation.menu-enter-active .corner .d4,.navigation.menu-enter-active .corner .d5,.navigation.menu-enter-active .corner .d6,.navigation.menu-enter-active .corner .d7,.navigation.menu-enter-active .corner .d8,.navigation.menu-enter-active .corner .d9,.navigation.menu-enter-active .hook .t1,.navigation.menu-enter-active .hook .t2,.navigation.menu-enter-active .hook .t3,.navigation.menu-enter-active .hook .t4,.navigation.menu-enter-active .hook .t5,.navigation.menu-enter-active .hook .t6,.navigation.menu-enter-active .hook .t7,.navigation.menu-enter-active .hook .t8,.navigation.menu-enter-active .hook .t9,.navigation.menu-enter-active .n1,.navigation.menu-enter-active .n2,.navigation.menu-enter-active .n3,.navigation.menu-enter-active .n4,.navigation.menu-enter-active .n5,.navigation.menu-enter-active .n6,.navigation.menu-enter-active .n7,.navigation.menu-enter-active .n8,.navigation.menu-enter-active .n9{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.41,.18,.24,1.29)}.navigation.menu-enter-done .corner .d1,.navigation.menu-enter-done .corner .d2,.navigation.menu-enter-done .corner .d3,.navigation.menu-enter-done .corner .d4,.navigation.menu-enter-done .corner .d5,.navigation.menu-enter-done .corner .d6,.navigation.menu-enter-done .corner .d7,.navigation.menu-enter-done .corner .d8,.navigation.menu-enter-done .corner .d9,.navigation.menu-enter-done .hook .t1,.navigation.menu-enter-done .hook .t2,.navigation.menu-enter-done .hook .t3,.navigation.menu-enter-done .hook .t4,.navigation.menu-enter-done .hook .t5,.navigation.menu-enter-done .hook .t6,.navigation.menu-enter-done .hook .t7,.navigation.menu-enter-done .hook .t8,.navigation.menu-enter-done .hook .t9,.navigation.menu-enter-done .n1,.navigation.menu-enter-done .n2,.navigation.menu-enter-done .n3,.navigation.menu-enter-done .n4,.navigation.menu-enter-done .n5,.navigation.menu-enter-done .n6,.navigation.menu-enter-done .n7,.navigation.menu-enter-done .n8,.navigation.menu-enter-done .n9{opacity:1}.navigation.menu-exit .corner .d1,.navigation.menu-exit .corner .d2,.navigation.menu-exit .corner .d3,.navigation.menu-exit .corner .d4,.navigation.menu-exit .corner .d5,.navigation.menu-exit .corner .d6,.navigation.menu-exit .corner .d7,.navigation.menu-exit .corner .d8,.navigation.menu-exit .corner .d9,.navigation.menu-exit .hook .t1,.navigation.menu-exit .hook .t2,.navigation.menu-exit .hook .t3,.navigation.menu-exit .hook .t4,.navigation.menu-exit .hook .t5,.navigation.menu-exit .hook .t6,.navigation.menu-exit .hook .t7,.navigation.menu-exit .hook .t8,.navigation.menu-exit .hook .t9,.navigation.menu-exit .n1,.navigation.menu-exit .n2,.navigation.menu-exit .n3,.navigation.menu-exit .n4,.navigation.menu-exit .n5,.navigation.menu-exit .n6,.navigation.menu-exit .n7,.navigation.menu-exit .n8,.navigation.menu-exit .n9{opacity:1;transform:scale(1)}.navigation.menu-exit-active .corner .d1,.navigation.menu-exit-active .corner .d2,.navigation.menu-exit-active .corner .d3,.navigation.menu-exit-active .corner .d4,.navigation.menu-exit-active .corner .d5,.navigation.menu-exit-active .corner .d6,.navigation.menu-exit-active .corner .d7,.navigation.menu-exit-active .corner .d8,.navigation.menu-exit-active .corner .d9,.navigation.menu-exit-active .hook .t1,.navigation.menu-exit-active .hook .t2,.navigation.menu-exit-active .hook .t3,.navigation.menu-exit-active .hook .t4,.navigation.menu-exit-active .hook .t5,.navigation.menu-exit-active .hook .t6,.navigation.menu-exit-active .hook .t7,.navigation.menu-exit-active .hook .t8,.navigation.menu-exit-active .hook .t9,.navigation.menu-exit-active .n1,.navigation.menu-exit-active .n2,.navigation.menu-exit-active .n3,.navigation.menu-exit-active .n4,.navigation.menu-exit-active .n5,.navigation.menu-exit-active .n6,.navigation.menu-exit-active .n7,.navigation.menu-exit-active .n8,.navigation.menu-exit-active .n9{opacity:0;transform:scale(0);transition:all .5s}.navigation.menu-enter-active .n2,.navigation.menu-exit-active .n2{transition-delay:.02s}.navigation.menu-enter-active .n3,.navigation.menu-exit-active .n3{transition-delay:.04s}.navigation.menu-enter-active .n4,.navigation.menu-exit-active .n4{transition-delay:.06s}.navigation.menu-enter-active .n5,.navigation.menu-exit-active .n5{transition-delay:.08s}.navigation.menu-enter-active .n7,.navigation.menu-exit-active .n7{transition-delay:.12s}.navigation.menu-enter-active .n8,.navigation.menu-exit-active .n8{transition-delay:.14s}.navigation.menu-enter-active .hook .t1,.navigation.menu-enter-active .n9,.navigation.menu-exit-active .n9{transition-delay:.16s}.navigation.menu-enter-active .hook .t2{transition-delay:.18s}.navigation.menu-enter-active .hook .t3{transition-delay:.2s}.navigation.menu-enter-active .hook .t4{transition-delay:.22s}.navigation.menu-enter-active .hook .t5{transition-delay:.24s}.navigation.menu-enter-active .hook .t6{transition-delay:.26s}.navigation.menu-enter-active .hook .t7{transition-delay:.28s}.navigation.menu-enter-active .hook .t8{transition-delay:.3s}.navigation.menu-enter-active .hook .t9{transition-delay:.32s}.navigation.menu-enter-active .corner .d1{transition-delay:.24s}.navigation.menu-enter-active .corner .d2{transition-delay:.26s}.navigation.menu-enter-active .corner .d3{transition-delay:.28s}.navigation.menu-enter-active .corner .d4{transition-delay:.3s}.navigation.menu-enter-active .corner .d5{transition-delay:.32s}.navigation.menu-enter-active .corner .d6{transition-delay:.34s}.navigation.menu-enter-active .corner .d7{transition-delay:.36s}.navigation.menu-enter-active .corner .d8{transition-delay:.38s}.navigation.menu-enter-active .corner .d9{transition-delay:.4s}.navigation.menu-exit-active .hook .t1{transition-delay:.11s}.navigation.menu-exit-active .hook .t2{transition-delay:.12s}.navigation.menu-exit-active .hook .t3{transition-delay:.13s}.navigation.menu-exit-active .hook .t4{transition-delay:.14s}.navigation.menu-exit-active .hook .t5{transition-delay:.15s}.navigation.menu-exit-active .hook .t6{transition-delay:.16s}.navigation.menu-exit-active .hook .t7{transition-delay:.17s}.navigation.menu-exit-active .hook .t8{transition-delay:.18s}.navigation.menu-exit-active .hook .t9{transition-delay:.19s}.navigation.menu-exit-active .corner .d1{transition-delay:.2s}.navigation.menu-exit-active .corner .d2{transition-delay:.21s}.navigation.menu-exit-active .corner .d3{transition-delay:.22s}.navigation.menu-exit-active .corner .d4{transition-delay:.23s}.navigation.menu-exit-active .corner .d5{transition-delay:.24s}.navigation.menu-exit-active .corner .d6{transition-delay:.25s}.navigation.menu-exit-active .corner .d7{transition-delay:.26s}.navigation.menu-exit-active .corner .d8{transition-delay:.27s}.navigation.menu-exit-active .corner .d9{transition-delay:.28s}.navigation-bg{background:hsla(0,0%,100%,.95);box-sizing:border-box;height:100%;padding:2rem;transition:opacity .3s;display:flex;flex-direction:column;opacity:0;z-index:10}.header-bg,.navigation-bg{position:fixed;top:0;width:100%;right:0}.header-bg{height:80px;z-index:99;left:0;margin:0 auto;background:#fff}.toggle{height:80px;width:80px;cursor:pointer;z-index:101;right:0;top:0}.toggle .t{transition:all .3s;position:absolute;width:4px;height:4px}.toggle .b{background:#333}.toggle .r{background:#da4149}.toggle .t1{transition-delay:0s;top:0;left:0}.toggle .t2{transition-delay:.02s;top:0;left:50%;margin-left:-2px}.toggle .t3{transition-delay:.04s;top:0;right:0}.toggle .t4{transition-delay:.06s;top:50%;left:0;margin-top:-2px}.toggle .t5{transition-delay:.08s;top:50%;left:50%;margin-top:-2px;margin-left:-2px}.toggle .t6{transition-delay:.1s;top:50%;right:0;margin-top:-2px}.toggle .t7{transition-delay:.12s;bottom:0;left:0}.toggle .t8{transition-delay:.14s;bottom:0;left:50%;margin-left:-2px}.toggle .t9{transition-delay:.16s;bottom:0;right:0}.table{display:table;height:100%;width:100%}.cell{display:table-cell;vertical-align:middle}.toggle-in{height:22px;width:22px;margin:0 auto}.in{position:relative;height:inherit}.logo-wrap{opacity:1;left:30px;height:80px;z-index:101;display:block;margin-left:5%;top:0;color:#333}@media screen and (max-width:700px){.logo-wrap{width:50px}}.dark-mode-toggle-wrapper{display:flex;align-items:center}.dark-mode-toggle-wrapper .react-toggle .fas{bottom:2px;position:relative;color:#efefef}.dark-mode-toggle-wrapper .react-toggle .fa-moon{bottom:3px;color:#3b4856}.dark-mode-toggle-wrapper .react-toggle-track{width:55px;background:#72b9f7}.dark-mode-toggle-wrapper .react-toggle:hover .react-toggle-track{background:#72b9f7}.dark-mode-toggle-wrapper .react-toggle--checked .react-toggle-thumb{left:32px;background:#efefef}.dark-mode-toggle-wrapper .react-toggle-thumb{border:none;background:#3b4856}.dark-mode-toggle-wrapper .react-toggle--focus .react-toggle-thumb,.dark-mode-toggle-wrapper .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:none}.dark-mode-toggle-wrapper .react-toggle--checked .react-toggle-track,.dark-mode-toggle-wrapper .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#da4149}.logo{margin-left:auto;margin-right:auto;display:block;margin-top:5px;letter-spacing:-1px}.logo div{display:inline;position:absolute;padding-left:2px;top:36px;font-weight:700}.footer-section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#000;color:#fff;padding:0 1.5rem 1rem;text-align:center}.footer-section .container{max-width:1200px;margin:0 auto;padding-top:40px;position:relative}.footer-section .container .footer-logo{position:absolute;left:calc(50% - 25px);top:20px;display:block;height:30px;color:#fff;letter-spacing:-1px;z-index:22;width:55px;text-align:left}.footer-section .container .footer-logo div{display:inline;position:absolute;padding-left:2px;top:4px;font-weight:700}.footer-section .container .info{justify-content:center;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem;opacity:.7;max-width:300px;margin:1rem auto .75rem;font-weight:400;line-height:1.125;word-break:break-word;font-size:1.5rem}.footer-section .container .social{margin:0 auto 1rem;display:flex;align-content:space-between;justify-content:center}.footer-section .container .social .button{background-color:initial;border-radius:100%;margin:0 .3rem;height:50px;width:50px;border:2px solid hsla(0,0%,100%,.6);z-index:22;color:#fff;transition:all .5s}.footer-section .container .social .button .icon{display:inline-flex;justify-content:center;align-items:center;padding-top:.95rem}.footer-section .container .social .button:hover{transition:all .5s;color:#000;background-color:#fff}.footer-section .container .credit{opacity:.7}.about-container{background:#fff;min-height:100vh;padding-top:30px}.about-container .header{height:160px}.about-container .header h1{font-weight:700;font-size:3em;margin:30px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;text-align:center}.about-container .header .about-box{max-width:700px;background:#dfdfdf;min-height:600px;margin:50px auto;padding-bottom:50px;overflow:hidden}.about-container .header .about-box h3{margin:20px 0;font-size:1.6rem;color:#000;text-align:center}.about-container .header .about-box p{margin-top:30px;padding:0 20px;line-height:1.8em}.about-container .header .about-box ul{margin-top:30px;padding:20px 20px 0}.about-container .header .about-box ul li{width:100%;margin-bottom:20px;background:#fff;list-style:none;border-radius:4px;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;position:relative;z-index:5}.about-container .header .about-box ul li .info-header{display:flex;align-items:center;justify-content:space-between;width:100%}.about-container .header .about-box ul li .info-header h4{text-align:center;font-size:1.4rem;width:100%;color:#282449;margin-left:-16px}.about-container .header .about-box ul li .info-header .fas{color:#da4149}.about-container .header .about-box ul li .info-header .expand{display:block;position:relative;width:15px;height:15px}.about-container .header .about-box ul li .info-header .expand:after,.about-container .header .about-box ul li .info-header .expand:before{content:"";position:absolute;left:50%;width:0;height:100%;overflow:hidden;border-left:2px solid #da4149;transition:all 1s ease}.about-container .header .about-box ul li .info-header .expand:after{transform:rotate(90deg)}.about-container .header .about-box ul li .info-content{transition:all .7s ease-in-out;transform:scale(0);opacity:0;max-height:0;line-height:1.5rem;color:#282449}.about-container .header .about-box ul li .info-content .ic-wrapper{padding:1.3rem 1.3rem 1.3rem 2.3rem}.about-container .header .about-box ul li.open .expand:before{transform:rotate(145deg)}.about-container .header .about-box ul li.open .expand:after{transform:rotate(215deg)}.about-container .header .about-box ul li.open .info-content{transition:all 1s ease;position:relative;display:flex;transform:scale(1);opacity:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:21rem;width:100%}.about-container .header .about-box .transform-plus{position:relative;height:40px;z-index:5}.about-container .header .about-box .transform-plus:after,.about-container .header .about-box .transform-plus:before{position:absolute;content:"";top:50%;left:50%;width:0;height:100%;margin-left:1px;overflow:hidden;border-left:2px solid #000;transition:all 1s ease}.about-container .header .about-box .transform-plus:after{transform:rotate(90deg)}.about-container .header .about-box .transform-plus.change:before{transform:rotate(145deg)}.about-container .header .about-box .transform-plus.change:after{transform:rotate(215deg)}.home-hero{height:calc(100vh - 80px);z-index:101;display:flex;justify-content:center;background:#fff}.home-hero h1{font-size:18vw;letter-spacing:0;line-height:110%;margin:auto;position:relative;transition:font-size .5s}@media screen and (min-width:700px){.home-hero h1{font-size:80px;transition:font-size .5s}}.white-bg{width:100%;background:#fff;z-index:-5;height:20vh;margin-bottom:-20vh}.intro-section{position:relative;text-align:center;overflow:hidden;max-width:800px;margin-left:auto;background:#fff}.intro-section .textLeft{margin-top:30px;height:50px}.intro-section .text-area-enter{opacity:0;transform:scale(.35,.25) rotateX(15deg) rotate(20deg) translateY(150px) translateX(-50px)}.intro-section .text-area-enter-active{opacity:1;transform:scale(1) rotateX(0deg) rotate(0deg) translateY(0) translateX(0);transition:all .5s cubic-bezier(.41,.18,.24,1.29)}.intro-section .text-area-exit{opacity:1;transform:translateX(0)}.intro-section .text-area-exit-active{opacity:0;transform:translateX(-80px);transition:all .5s}.intro-section .left-text-enter{opacity:0;transform:translateX(-80px)}.intro-section .left-text-enter-active{opacity:1;transform:translateX(0);transition:all .5s cubic-bezier(.41,.18,.24,1.29)}.intro-section .right-text-enter{opacity:0;transform:translateX(80px)}.intro-section .right-text-enter-active{opacity:1;transform:translateX(0);transition:all .5s cubic-bezier(.41,.18,.24,1.29)}.intro-section .long-section{z-index:-1;padding:2rem 1.5rem 14rem;background-color:#e95657;color:#fff;text-align:center;border-radius:60px;border-bottom-left-radius:200px;border-bottom-right-radius:200px;min-height:650px}.intro-section .long-section .container{margin:0 auto;position:relative}.intro-section .long-section .container .column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem;min-height:400px}.intro-section .long-section .container .column h1{margin-bottom:1.5rem;line-height:1.125;font-size:1.5rem}.intro-section .long-section .container .column h2{font-weight:300;line-height:1.5;font-size:1.2rem}.intro-section .long-section.reverse{border-radius:60px;border-top-left-radius:200px;border-top-right-radius:200px;margin-top:-12rem;margin-bottom:4rem;padding:12rem 1.5rem 2rem;min-height:650px}.intro-section .long-section.reverse .column{min-height:200px}.intro-section .skills-section{margin-top:-14rem;padding:2rem 1.5rem 1rem;text-align:center;margin-bottom:2rem;min-height:2190px}.intro-section .skills-section .slim-container{max-width:1200px;margin:0 auto;position:relative;display:flex;justify-content:center}.intro-section .skills-section .slim-container .box{max-width:600px;min-width:100%;border-radius:12px;padding:0;background-color:#fff;box-shadow:0 5px 5px 0 rgba(233,240,243,.5),0 0 0 1px #e6ecf8;color:#282449}.intro-section .skills-section .slim-container .box .columns{margin-left:0;margin-right:0;justify-content:center;margin-top:-.75rem}.intro-section .skills-section .slim-container .box .columns .column{padding:50px 30px;border-bottom:1px solid #e6ecf8;min-height:450px}.intro-section .skills-section .slim-container .box .columns .column h1{margin-top:1em;margin-bottom:1.5em;font-size:1.5rem}.intro-section .skills-section .slim-container .box .columns .column .fas{color:#da4149}.intro-section .skills-section .slim-container .box .columns .column p{font-size:1.2rem;color:#da4149;margin-top:50px;margin-bottom:8px}.intro-section .skills-section .slim-container .box .columns .column p+p,.intro-section .skills-section .slim-container .box .columns .column ul+p{margin-top:20px}.intro-section .skills-section .slim-container .box .columns .column ul{list-style:none;margin-bottom:30px}.intro-section .skills-section .slim-container .box .columns .column ul li{margin-bottom:8px}.intro-section .skills-section .slim-container .box .columns .column .info{line-height:1.5}.intro-section .skills-section .slim-container .box .columns .column:last-child{border-bottom:none}.intro-section .skills-section .slim-container .box .columns:last-child{margin-bottom:-.75rem}@media only screen and (min-width:815px){.intro-section{margin:0 auto}}.router-container{position:relative;background:#000;height:100vh}.router-container .slide-exit-active{animation:slideOut 1s ease both}.router-container .slide-enter-active{animation:slideIn 1s ease both}.router-container .route-section{position:absolute;width:100%;top:0;left:0}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:Roboto,sans-serif}#root,.page-container,body,html{width:100%;height:100%}a{text-decoration:none;cursor:pointer}.page-fade-exit-active{animation:slideOut .5s ease both}.page-fade-appear-active,.page-fade-enter-active{animation:slideIn .5s ease both}@keyframes slideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}to{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@keyframes slideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}to{opacity:1;transform:translateZ(0) translateX(0)}}
/*# sourceMappingURL=main.9cebfe7f.chunk.css.map */