body{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}#tsparticles{position:absolute;left:0;right:0}.tsparticles-canvas-el{width:100%!important;height:100vh!important}.icon{font-size:50px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.icon,.icon svg{display:block;margin-left:auto;margin-right:auto}.icon:hover svg{transform:translateY(-15px);color:#12b4ba;transition:color .3s,transform .3s}@media (min-width:1200px){.socials-col{max-width:200px}.icon{max-width:50px;font-size:50px}}@media (max-width:1199px) and (min-width:992px){.socials-col{max-width:180px}.icon{font-size:48px}}@media (max-width:991px) and (min-width:768px){.socials-col{max-width:160px}.icon{font-size:46px}}@media (max-width:767px) and (min-width:576px){.socials-col{max-width:140px}.icon{font-size:42px}}@media (max-width:575px){.socials-col{max-width:120px}.icon{font-size:38px}}#intro{height:calc(100vh - 70px);color:#fff}#intro .subtitle,#intro .title{text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}#intro .title{font-weight:700}#intro .seperator hr{margin-left:auto;margin-right:auto;width:260px;border-top:3px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:all .3s}#intro .title-section{transition:all .7s ease-in-out}#intro .title-section.hide{position:relative;transform:translate3d(0,20px,0);opacity:0}@media (min-width:1200px){#intro .seperator hr{margin-bottom:46px;width:440px}}@media (max-width:1199px) and (min-width:992px){#intro .seperator hr{margin-bottom:42px;width:400px}}@media (max-width:991px) and (min-width:768px){#intro .seperator hr{margin-bottom:38px;width:360px}}@media (max-width:767px) and (min-width:576px){#intro .seperator hr{margin-bottom:34px;width:320px}}@media (max-width:575px){#intro{height:calc(100vh - 56px)}#intro .seperator hr{margin-bottom:30px;width:260px}}#navbar{height:70px;z-index:10}#navbar .navbar{padding:0}#navbar .navbar-collapse{align-items:unset}#navbar .container{margin:0;padding:0;max-width:100%;height:100%}#navbar.sticky{position:fixed;top:0;width:100%;height:56px;background:rgba(57,55,58,.95);box-shadow:0 0 6px 0 rgba(0,0,0,.7)}#navbar .link{text-decoration:none;padding:10px 0;line-height:44px;letter-spacing:2px;font-size:16px;color:#fff}#navbar .link .link-select{border-bottom:2px solid #fff;transform:translate(-1px);opacity:0;transition:transform .5s,opacity .5s}#navbar .link:hover .link-select{border-bottom:2px solid #fff;transform:translate(-1px,-6px);opacity:1}#navbar .logo-collapse img,#navbar .logo img{width:55px;height:55px}#navbar .logo-collapse{display:none}#navbar .navbar-toggler{margin:8px 0 8px 18px;padding:0;border:none;outline:none;width:40px;height:40px}#navbar .navbar-toggler-icon{width:100%;height:100%;background:url(/navbar-toggle.svg);background-repeat:no-repeat;background-size:40px}.navbar-fill{display:none;width:100%;height:70px}.navbar-fill.fill{display:inline-block}@media (min-width:576px){#navbar .container{display:flex;justify-content:center}#navbar .row{margin:0 0 20px 48px;padding:5px 0}#navbar .col{margin:0 10px;padding:0 4px}#navbar .logo{margin:26px!important;height:20px}#navbar .logo img{position:absolute;top:-31px;left:-23px}}@media (max-width:575px){#navbar{height:56px}#navbar .row{margin-left:0;margin-right:0;width:100%}#navbar .navbar-collapse .col{background:rgba(57,55,58,.9)}#navbar .logo{display:none}#navbar .logo-collapse{display:block;position:absolute;width:auto;top:0;left:50%;margin-left:-41px;margin-top:-10px;transition:margin-top .3s}#navbar.sticky .logo-collapse{margin-top:0}#navbar .link .link-select{display:none}.navbar-fill{height:50px}}#about{color:#fff;position:relative;padding-top:80px;padding-bottom:120px;text-align:left}#about .section-background{position:absolute;top:0;bottom:0;left:0;right:0;background:#252934;z-index:-1;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6vw),50% 100%,0 calc(100% - 6vw));clip-path:polygon(0 0,100% 0,100% calc(100% - 6vw),50% 100%,0 calc(100% - 6vw))}#about .container-fluid{padding-left:40px;padding-right:40px;max-width:900px}#about .section-title{width:100%;margin-bottom:10px;text-align:center;font-weight:700}#about .section-title-underline{margin-bottom:40px;margin-left:auto;margin-right:auto;width:100px;height:4px;background:#fff}#about .description{margin-bottom:60px;text-align:center;color:#b3b3b3}#about .download-resume{display:block;background:#252934;color:#fff;border:3px solid #fff;border-radius:100px;font-weight:700;text-decoration:none;transition:all .2s}#about .download-resume svg{margin-right:10px}#about .download-resume:hover{background:#fff;color:#000}@media (min-width:1200px){#about .download-resume{padding:20px 35px}#about .download-resume svg{font-size:20px}#about .download-resume span{font-size:18px}}@media (max-width:1199px) and (min-width:992px){#about .download-resume{padding:20px 35px}#about .download-resume svg{font-size:20px}#about .download-resume span{font-size:18px}}@media (max-width:991px) and (min-width:768px){#about .download-resume{padding:18px 32px}#about .download-resume svg{font-size:18px}#about .download-resume span{font-size:17px}}@media (max-width:767px) and (min-width:576px){#about .download-resume{padding:16px 28px}#about .download-resume svg{font-size:18px}#about .download-resume span{font-size:16px}}@media (max-width:575px){#about .download-resume{padding:14px 25px}#about .download-resume svg{font-size:16px}#about .download-resume span{font-size:15px}}#career{color:#404040;padding-top:80px;padding-bottom:60px;text-align:left}#career .container-fluid{padding-left:20px;padding-right:20px;max-width:1140px}#career .section-title{width:100%;margin-bottom:10px;text-align:center;font-weight:700}#career .section-title-underline{margin-bottom:50px;margin-left:auto;margin-right:auto;width:100px;height:4px;background:#404040}#career .career-element-section .career-element-date-section{margin-right:20px;max-width:190px;padding-top:29px}#career .career-element-section .career-element-date-section .career-element-date{text-align:right}#career .career-element-section .career-element-date-section .career-element-date-line{position:absolute;top:0;bottom:0;left:0;right:0;border-right:2px solid #ddd}#career .career-element-section .career-element-date-section .career-element-date-line .career-element-date-circle{position:absolute;top:34px;right:-8px;width:14px;height:14px;border-radius:50%;background:#ddd}#career .career-element-section .career-element-text-section{padding-top:22px}#career .career-element-section .career-element-text-section .career-element-title{margin-bottom:3px;font-weight:700}#career .career-element-section .career-element-text-section .career-element-subtitle{margin-bottom:15px;font-style:italic}#career .career-element-section .career-element-text-section .career-element-description{margin-bottom:6px}#career .career-element-section .career-element-text-section .career-element-list .career-element-list-item{display:list-item}#career .career-element-section .career-element-image-section{margin-top:20px;padding-top:22px;padding-bottom:40px}#career .career-element-section .career-element-image-section .career-element-image{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:280px}#career .career-element-section.career-element-section-present .career-element-date-section{margin-top:19px;padding-top:0}#career .career-element-section.career-element-section-present .career-element-date-section .career-element-date{margin-top:-12px;text-align:right}#career .career-element-section.career-element-section-present .career-element-date-section .career-element-date-circle{top:-6px}#career .career-element-section.career-element-section-present .career-element-image-section,#career .career-element-section.career-element-section-present .career-element-text-section{padding-top:0}@media (max-width:1199px) and (min-width:992px){#career .career-element-section .career-element-date-section{max-width:180px}}@media (max-width:991px) and (min-width:768px){#career .career-element-section .career-element-date-section{max-width:170px}#career .career-element-section .career-element-image-section{margin-top:0;padding-top:0}}@media (max-width:767px) and (min-width:576px){#career .career-element-section .career-element-date-section{max-width:160px}#career .career-element-section .career-element-image-section{margin-top:0;padding-top:0}}@media (max-width:575px){#career .career-element-section .career-element-date-section{flex-basis:unset;max-width:100%;margin-top:40px;margin-right:15px;margin-left:15px;padding-top:20px;padding-right:0;padding-left:0;border-right:none;border-top:2px solid #ddd}#career .career-element-section .career-element-date-section .career-element-date{margin-top:0!important;text-align:left!important}#career .career-element-section .career-element-date-section .career-element-date-line{border-right:none}#career .career-element-section .career-element-date-section .career-element-date-line .career-element-date-circle{display:none}#career .career-element-section .career-element-text-section{padding-top:10px!important}#career .career-element-section .career-element-text-section .career-element-list{margin-left:-10px}#career .career-element-section .career-element-image-section{margin-top:0;padding-top:0;padding-bottom:0}#career .career-element-section.career-element-section-present .career-element-date-section{border-top:none;margin-top:0;padding-top:0}}#skills{color:#404040;position:relative;padding-top:80px;padding-bottom:60px;text-align:left}#skills .section-background{position:absolute;margin-top:200px;height:calc(100% - 460px);left:0;right:0;background:#252934;-webkit-clip-path:polygon(0 0,100% 6vw,100% 100%,0 calc(100% - 6vw));clip-path:polygon(0 0,100% 6vw,100% 100%,0 calc(100% - 6vw))}#skills .container-fluid{padding-left:40px;padding-right:40px;max-width:1140px}#skills .section-title{width:100%;margin-bottom:10px;text-align:center;font-weight:700}#skills .section-title-underline{margin-bottom:60px;margin-left:auto;margin-right:auto;width:100px;height:4px;background:#404040}#skills .skills-section .skills-col.skills-col-left{padding-right:40px}#skills .skills-section .skills-col.skills-col-middle{padding-left:30px;padding-right:30px}#skills .skills-section .skills-col.skills-col-right{padding-left:40px}#skills .skills-section .skills-col .skill-section{margin-bottom:40px;background:#fff;box-shadow:0 3px 10px 0 hsla(0,0%,39.2%,.5),0 0 0 1px #e6ecf8;border-radius:20px}#skills .skills-section .skills-col .skill-section .skill-col{padding:60px 30px 30px;text-align:center}#skills .skills-section .skills-col .skill-section .skill-col .skill-image{display:block;margin-left:auto;margin-right:auto;padding-bottom:30px;width:100%;max-width:70px}#skills .skills-section .skills-col .skill-section .skill-col .skill-title{padding-bottom:10px;font-weight:700}#skills .skills-section .skills-col .skill-section .skill-col .skill-description{padding-bottom:10px}#skills .skills-section .skills-col .skill-section .skill-col .skill-list-title{margin-bottom:2px;font-weight:700}#skills .skills-section .skills-col .skill-section .skill-col .skill-list{list-style:none;padding-left:0}#skills .skills-section .skills-col .skill-section .skill-col .skill-list .skill-list-item{display:list-item}@media (max-width:1199px) and (min-width:992px){#skills .skills-section .skills-col .skill-col{padding:56px 28px 28px!important}#skills .skills-section .skills-col .skill-col .skill-image{padding-bottom:28px!important;max-width:65px!important}}@media (max-width:991px) and (min-width:768px){#skills .skills-section .skills-col .skill-col{padding:52px 26px 26px!important}#skills .skills-section .skills-col .skill-col .skill-image{padding-bottom:26px!important;max-width:60px!important}}@media (max-width:767px) and (min-width:576px){#skills .skills-section .skills-col{padding-left:15px!important;padding-right:15px!important}#skills .skills-section .skills-col .skill-col{padding:48px 24px 24px!important}#skills .skills-section .skills-col .skill-col .skill-image{padding-bottom:24px!important;max-width:55px!important}}@media (max-width:575px){#skills .skills-section .skills-col{padding-left:15px!important;padding-right:15px!important}#skills .skills-section .skills-col .skill-col{padding:40px 20px 20px!important}#skills .skills-section .skills-col .skill-col .skill-image{padding-bottom:20px!important;max-width:50px!important}}#projects{color:#404040;padding-top:80px;padding-bottom:80px;text-align:left}#projects .container-fluid{padding-left:30px;padding-right:30px;max-width:1140px}#projects .section-title{width:100%;margin-bottom:10px;text-align:center;font-weight:700}#projects .section-title-underline{margin-bottom:50px;margin-left:auto;margin-right:auto;width:100px;height:4px;background:#404040}#projects .project{margin-bottom:30px}#projects .project .project-link{position:relative;display:block;width:100%;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.3)}#projects .project .project-link .project-overlay{opacity:0;position:absolute;height:100%;width:100%;border-radius:5px;color:#fff;z-index:1;transition:all .5s}#projects .project .project-link .project-overlay .project-title{margin:20px 20px 6px;font-size:16px;font-weight:700}#projects .project .project-link .project-overlay .project-description{margin-bottom:5px;margin-right:20px;margin-left:20px;color:#c6c7c7;font-size:14px}#projects .project .project-link:hover .project-overlay{opacity:1;background:rgba(37,41,52,.8)}#projects .project .project-link img{position:relative;width:100%}@media (max-width:1199px) and (min-width:992px){#projects .section-title{margin-bottom:55px}}@media (max-width:991px) and (min-width:768px){#projects .section-title{margin-bottom:50px}}@media (max-width:767px) and (min-width:576px){#projects .section-title{margin-bottom:45px}}@media (max-width:575px){#projects .section-title{margin-bottom:40px}}#contact{background:#252934;color:#fff;position:relative;margin-bottom:-1px;padding-top:calc(70px + 6vw);padding-bottom:1px;text-align:left;-webkit-clip-path:polygon(0 0,50% 6vw,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 6vw,100% 0,100% 100%,0 100%)}#contact .container-fluid{padding-left:20px;padding-right:20px;max-width:900px}#contact .section-title{width:100%;margin-bottom:10px;text-align:center;font-weight:700}#contact .section-title-underline{margin-bottom:60px;margin-left:auto;margin-right:auto;width:100px;height:4px;background:#fff}#contact .contact-email,#contact .contact-phone{display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;background:#252934;color:#fff;border:3px solid #fff;border-radius:100px;font-weight:700;text-decoration:none;transition:all .2s}#contact .contact-email svg,#contact .contact-phone svg{margin-right:10px}#contact .contact-email:hover,#contact .contact-phone:hover{background:#fff;color:#000}#contact .quote{font-weight:700;font-style:italic}@media (min-width:1200px){#contact .contact-email,#contact .contact-phone{padding:20px 35px}#contact .contact-email svg,#contact .contact-phone svg{font-size:20px}#contact .contact-email span,#contact .contact-phone span{font-size:18px}}@media (max-width:1199px) and (min-width:992px){#contact .contact-email,#contact .contact-phone{padding:20px 35px}#contact .contact-email svg,#contact .contact-phone svg{font-size:20px}#contact .contact-email span,#contact .contact-phone span{font-size:18px}}@media (max-width:991px) and (min-width:768px){#contact .contact-email,#contact .contact-phone{padding:18px 32px}#contact .contact-email svg,#contact .contact-phone svg{font-size:18px}#contact .contact-email span,#contact .contact-phone span{font-size:17px}}@media (max-width:767px) and (min-width:576px){#contact .contact-email,#contact .contact-phone{padding:16px 28px}#contact .contact-email svg,#contact .contact-phone svg{font-size:18px}#contact .contact-email span,#contact .contact-phone span{font-size:16px}}@media (max-width:575px){#contact .contact-email,#contact .contact-phone{padding:14px 20px}#contact .contact-email svg,#contact .contact-phone svg{font-size:16px}#contact .contact-email span,#contact .contact-phone span{font-size:15px}}.main-bg{background-position:50%;background-size:cover;background-repeat:no-repeat}#project{color:#404040;text-align:left}#project .title-section{margin:0;padding-top:50px;padding-bottom:40px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.3)}#project .title-section .row{padding-left:15px;padding-right:15px}#project .title-section .title{width:100%;font-weight:700;letter-spacing:2px;color:#06c}#project .title-section .subtitle{width:100%}#project .content{padding:60px 15px;max-width:1140px}#project .content .row{margin:0}#project .content .left-border{border-left:1px solid #ddd}#project .content .project-content{margin-bottom:50px}#project .content .project-content .project-features .title,#project .content .project-content .project-overview .title,#project .content .project-content .project-techwrapup .title{width:100%;font-weight:700}#project .content .project-content .project-features .overview,#project .content .project-content .project-overview .overview,#project .content .project-content .project-techwrapup .overview{width:100%}#project .content .project-content .project-overview{margin-bottom:10px}#project .content .project-content .project-features{margin-bottom:20px}#project .content .project-content .project-features ul{margin-bottom:0}#project .content .project-content .project-features li{display:list-item;list-style:none;margin-left:20px}#project .content .project-content .project-features .feature-title{font-weight:700}#project .content .project-content .project-view a{margin:5px;padding:5px 15px;text-decoration:none;background:rgba(0,102,204,.85);color:#fff}#project .content .project-content .project-view a span{margin-left:5px}#project .content .project-content .project-view a:hover span{text-decoration:underline}#project .content .project-content .project-techwrapup{margin-bottom:30px}#project .content .project-content .project-techwrapup ul{margin-bottom:0}#project .content .project-content .project-techwrapup li{display:list-item;margin-left:30px}#project .content .project-content .project-technologies .title{width:100%}#project .content .project-content .project-technologies a{margin:3px;padding:5px 15px;background:rgba(0,102,204,.7);color:#fff}#project .content .project-images{display:block;text-align:center}#project .content .project-images img{margin-right:1em;margin-bottom:1em;max-width:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}#footer{background:#252934;color:#fff;height:231px;padding-top:50px}#footer .socials{margin-top:20px}#footer .name p{margin-top:40px;text-align:center;width:100%;color:#b3b3b3}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:sans-serif;background:#fff}#content{min-height:calc(100vh - 231px)}h1,h2,h3,h4,h5,h6,p{transition:all .3s}@media (min-width:1200px){h1{font-size:66px}h2{font-size:44px}h3{font-size:36px}h4{font-size:32px}h5{font-size:27px}h6{font-size:22px}li,p{font-size:18px}}@media (max-width:1199px) and (min-width:992px){h1{font-size:60px}h2{font-size:40px}h3{font-size:32px}h4{font-size:28px}h5{font-size:25px}h6{font-size:20px}li,p{font-size:18px}}@media (max-width:991px) and (min-width:768px){h1{font-size:54px}h2{font-size:36px}h3{font-size:28px}h4{font-size:24px}h5{font-size:22px}h6{font-size:19px}li,p{font-size:18px}}@media (max-width:767px) and (min-width:576px){h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}h4{font-size:22px}h5{font-size:20px}h6{font-size:18px}li,p{font-size:16px}}@media (max-width:575px){h1{font-size:40px}h2{font-size:28px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}li,p{font-size:14px}}
/*# sourceMappingURL=main.667682b3.chunk.css.map */