.nav{order:1;box-shadow:0 1px 2px -2px rgba(0,0,0,.8)}.nav,.nav_links{position:relative}.nav_links{height:100%;width:100%;background:#fff;padding:10px;border-radius:0 0 2px 2px;z-index:500}.nav_item{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#282828;text-decoration:none;margin-right:10px;letter-spacing:.6px;position:relative;padding:4px 6px;z-index:5}.nav_item:hover .item_hov{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left;opacity:1}.item_hov{position:absolute;height:100%;width:100%;background:#d7d7d7;left:0;bottom:0;z-index:-1;-webkit-transform-origin:right;transform-origin:right;opacity:0;-webkit-transform:scaleX(.6);transform:scaleX(.6);-webkit-transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:transform .25s ease-out,opacity .25s ease-out;transition:transform .25s ease-out,opacity .25s ease-out,-webkit-transform .25s ease-out}.nav_item:last-child{margin-right:0}.nav_item:first-child:before{content:"+"}.nav_item:nth-child(2):before{content:"./CD/"}.active{color:#0046ff}.nav_item.active:after,.nav_item.active:before{display:inline;display:initial}@media only screen and (max-width:868px){.nav{z-index:50;position:absolute;background:hsla(0,0%,100%,.8);top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;-webkit-transition:z-index .3s step-start,opacity .2s ease-out,-webkit-transform .2s ease-out;transition:z-index .3s step-start,opacity .2s ease-out,-webkit-transform .2s ease-out;transition:z-index .3s step-start,opacity .2s ease-out,transform .2s ease-out;transition:z-index .3s step-start,opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.nav-hidden{opacity:0;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);z-index:-1;-webkit-transition:z-index .3s step-end,opacity .2s ease-out,-webkit-transform .2s ease-out;transition:z-index .3s step-end,opacity .2s ease-out,-webkit-transform .2s ease-out;transition:z-index .3s step-end,opacity .2s ease-out,transform .2s ease-out;transition:z-index .3s step-end,opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.nav-menu{position:absolute;top:0;right:0;z-index:100;outline:none;padding:30px 20px;cursor:pointer}.nav-menu-mobile{height:1px;width:25px;position:relative;background-color:#fff}.nav-menu-mobile:before{margin-bottom:5px;width:50%;bottom:100%}.nav-menu-mobile:after,.nav-menu-mobile:before{content:"";position:absolute;height:100%;background:inherit;-webkit-transition:-webkit-transform .15s ease-out;transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out;-webkit-transform-origin:center;transform-origin:center}.nav-menu-mobile:after{margin-top:5px;width:100%;top:100%}.menu-close:before{-webkit-transform:translate3d(0,calc(100% + 5px),0);transform:translate3d(0,calc(100% + 5px),0)}.menu-close:after{-webkit-transform:translate3d(0,calc(-100% - 5px),0);transform:translate3d(0,calc(-100% - 5px),0)}.nav_links{padding:0;display:flex;flex-direction:column;justify-content:center;border-radius:0;height:auto;width:auto;background:none}.nav_item{padding:5px;margin:0;font-size:22px;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:2px}.nav_item:first-child:before{content:"~"}.nav_item:nth-child(3):before{content:"./"}.item_hov{display:none}}.about{position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto;z-index:10;will-change:opacity}.about_content_contain{min-height:100%;display:grid;grid-template-columns:40% 60%;box-shadow:0 3px 8px -5px rgba(0,0,0,.8)}.info_section{margin-bottom:25px;max-width:500px}.info_section:last-child{margin-bottom:0}.line_wrapper{display:flex;align-items:center;margin-bottom:10px}.line{height:10px;width:10px;background:var(--theme);margin-right:10px;border-radius:1px}.about_pic{position:relative;overflow:hidden;background:#fcfcfc}.about_pic_img{height:100%;width:100%;background:var(--theme);background-repeat:no-repeat;background-position:65% 30%;background-size:cover;position:relative;z-index:20}.about_info{background:#fdfdfd;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;padding:50px;position:relative;z-index:10;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0);-webkit-animation:info-enter .4s cubic-bezier(.3,.6,.5,1) forwards;animation:info-enter .4s cubic-bezier(.3,.6,.5,1) forwards}@-webkit-keyframes info-enter{to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes info-enter{to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.about_bio_title{font-size:46px;font-family:Helvetica;color:var(--theme)}.about_bio_info{margin-top:16px}.about_bio_info>p:first-child{margin-bottom:16px}.about_skills_title{color:#282828;font-size:.7rem;letter-spacing:1.5px;font-weight:400}.about_skills_title:before{content:"00 ";color:var(--theme)}.about_skills_list{list-style:none;display:grid;flex-wrap:wrap;grid-template-columns:auto auto auto;grid-gap:2px;max-width:400px}.about_skills_list>li{font-family:Helvetica;text-decoration:none;margin-right:10px;font-size:10px;height:25px;letter-spacing:.4px;display:flex;align-items:center;color:#505050;border-bottom:1px solid rgba(30,130,240,.8)}.about_skills_list>li:nth-child(n+13){border:none}.skillset_icon{height:100%;width:10px;opacity:.5;margin-right:6px;background-repeat:no-repeat;background-position:50%;background-size:contain}.about_link_title{color:#282828;font-size:.7rem;letter-spacing:1.5px;font-weight:400}.about_link_title:before{content:"02 ";color:var(--theme)}.about_contact_title{color:#282828;font-size:.7rem;letter-spacing:1.5px;font-weight:400}.about_contact_title:before{content:"01 ";color:var(--theme)}.about_contact_info{margin-bottom:25px}.about_contact_info a{text-decoration:none;color:var(--theme);letter-spacing:.3px}.about_contact_list{list-style:none;display:flex;flex-wrap:wrap}.about_contact_item{display:flex;align-items:center;height:15px;margin-right:10px}.contact_icon{margin-right:6px;opacity:.7;height:100%;width:10px;background-size:contain;background-repeat:no-repeat;background-position:50%}.about_contact_item>a{color:#282828;text-decoration:none;letter-spacing:1px;font-size:10px}@media only screen and (max-width:568px){.about_contact_list{flex-direction:column}}@media only screen and (max-width:868px){.about_content_contain{grid-template-columns:auto;grid-template-rows:50vh}.about_pic_img{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);-webkit-animation-delay:30ms;animation-delay:30ms}.about_info{font-size:16px;padding:35px;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-webkit-animation-duration:.4s;animation-duration:.4s}.info_section{margin-bottom:25px}.about_contact_title,.about_skills_title{letter-spacing:1.8px}.about_contact_item{height:20px}.contact_icon{width:10px}.about_contact_item>a{font-family:Helvetica;font-size:10px}}.projects{position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto;will-change:opacity}.projects_content{margin:0 5%;display:grid;grid-template-columns:repeat(auto-fit,15em);grid-gap:60px;padding:60px;justify-content:center;align-items:start}.projects_item{border-radius:8px;overflow:hidden;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);opacity:0;box-shadow:0 10px 40px -20px rgba(0,0,0,.6);-webkit-animation:proj-enter .45s cubic-bezier(.3,.6,.5,1) forwards;animation:proj-enter .45s cubic-bezier(.3,.6,.5,1) forwards}@-webkit-keyframes proj-enter{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes proj-enter{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.project_item_content{height:100%;width:100%;font-family:Arial,Helvetica,sans-serif;position:relative}.content_image{height:11.5em;padding:30px;background:#e4e4e4;overflow:hidden}.content_image_letter{height:100%;width:100%;opacity:.9;background-size:cover;background-position:50%;background-repeat:no-repeat}.content_info{padding:22px 22px 0;background:#fafafa}.content_title{color:#3c3c3c;font-size:11px;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;font-weight:100}.content_tech{display:flex;flex-wrap:wrap;margin:10px 0}.content_tech_item{margin:5px 5px 0 0;background:#6fc2d1;padding:0 2px 0 14px;font-size:10px;letter-spacing:.8px;color:#323232;position:relative;line-height:1;z-index:3}.content_tech_item:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background:#fafafa;z-index:-1}.content_tech_item:before{content:"";position:absolute;color:transparent;height:10px;width:10px;bottom:0;left:0;background:inherit;z-index:1}.content_desc{color:#323232;font-size:14px;padding:5px 0 10px;line-height:1.4;border-bottom:1px solid #0078ff}.content_links{padding:10px 0}.contnet_link_item{text-decoration:none;color:#323232;font-size:18px;margin-right:6px;padding:0;line-height:.9}.contnet_link_item>svg{vertical-align:middle}@media only screen and (max-width:1200px){.projects_content{margin:0}}@media only screen and (max-width:868px){.projects_content{grid-template-columns:repeat(auto-fit,minmax(auto,18em));grid-gap:30px;padding:60px 30px 30px}.content_image{height:16em}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@media only screen and (max-width:868px){.fade-enter-active,.fade-exit-active{-webkit-transition-duration:.4s;transition-duration:.4s}}*{box-sizing:border-box;margin:0;padding:0}#root{height:100vh;padding:50px;background:#e9e9e9}.app{height:100%;width:100%;position:relative;display:flex;flex-direction:column;--theme:#0078ff;border-radius:5px;overflow:hidden}.app>.page_container>.app_page::-webkit-scrollbar{width:4px;width:0;background-color:transparent}.app>.page_container>.app_page::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.page_container{height:100%;position:relative;overflow:hidden;background:var(--theme)}.page_container:after{content:"";position:absolute;width:100%;height:35px;height:0;bottom:0;left:0;opacity:.75;box-shadow:0 20px 60px 35px var(--theme)}@media only screen and (max-width:868px){#root{padding:0}.app{width:100%;z-index:1000;overflow:hidden;border-radius:0}.app>.app_page::-webkit-scrollbar,.app>.app_page::-webkit-scrollbar-thumb{display:none}.page_container{border-radius:0}}
/*# sourceMappingURL=main.e4a0e5e8.chunk.css.map */