body{color:#3a3934}body a{font-weight:700}body a,body a:visited{color:#111}body a:hover{text-decoration:none}body p.centered{text-align:center}body .content{position:relative;max-width:1200px;min-height:100vh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column}body .content section{padding:0}body button{box-sizing:content-box;background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}body button:focus{outline:none}body section{position:relative}body ::selection{background:#f8b73e}body ::-moz-selection{background:#f8b73e}@media(min-width:535px){section{padding:6rem 2rem}section.welcome .welcome__title{font-size:3.5em}}@media(min-width:980px){section{padding:6rem 0 3rem}.welcome .welcome__title{font-size:4em}}@media(min-width:395px){section.welcome .welcome__title{font-size:2.5em}}@media(min-width:700px){section.welcome .welcome__title{font-size:3.75em}}body{font-size:100%;line-height:1.3;font-display:swap;font-family:Roboto,sans-serif;color:#000;text-rendering:optimizeSpeed}body,caption,fieldset,h1,h2,h3,h4,h5,h6,input,legend,option,select,td,textarea,th{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote,h1,h2,h3,h4,h5,p{cursor:default}h1,h2,h3,h4,h5{margin:0;font-family:Montserrat,sans-serif;color:#3a3934;font-weight:400}p{font-size:1.25em;line-height:1.6}h1{font-size:2em}h2{font-size:1.625em}h3{font-size:1.375em}h4{font-size:1.125em}blockquote{font-size:1.25em}@media(min-width:700px){h1{font-size:2.5em}h2{font-size:2em}blockquote,h3{font-size:1.5em}}@media(min-width:900px){h1{font-size:3em}h2{font-size:2.25em}h3{font-size:1.75em}}.mounted{-webkit-transform:none!important;transform:none!important;opacity:1!important}.intro{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform;transition:all .5s cubic-bezier(.51,.41,.16,1.36);-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0}blockquote{position:relative;padding:35px 40px;font-size:1.35em;line-height:1.6;color:rgba(0,0,0,.75);max-width:900px;margin:50px auto;background:#fcfcfc;text-align:center}blockquote:after{top:0;left:0;width:calc(100% - 7px)}blockquote:after,blockquote:before{content:"";position:absolute;z-index:-1;height:5px;box-shadow:0 0 7px rgba(0,0,0,.15)}blockquote:before{bottom:0;left:50px;width:calc(100% - 107px)}@media(min-width:600px){blockquote{font-size:1.5em}}.masonry{display:grid;grid-gap:.25em;padding:.25em;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-auto-rows:280px;transition:all .5s cubic-bezier(.51,.41,.16,1.36)}.masonry.unmounted{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform;-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0}.masonry.mounted{display:grid}.masonry .project{grid-row-end:span 2}.masonry .github{grid-row-end:span 1}.projectLink{position:relative;background-size:auto;background-repeat:no-repeat;background-position:50% 50%;text-decoration:none;overflow:hidden;will-change:background-image,transform,opacity}.projectLink:before{content:"TBD";-webkit-transform:rotate(45deg);-webkit-transform-origin:0 0;background-color:#ccc;color:#fff;line-height:1.5em;font-weight:700;letter-spacing:.1em;position:absolute;right:-3.3em;text-align:center;top:-1.1em;transform:rotate(45deg);transform-origin:0 0;width:7em;height:1.5em;z-index:1;text-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 10px 50px rgba(0,0,0,.25)}.projectLink .projectLink__overlay{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.35);transition:opacity .15s ease-out;will-change:opacity}.projectLink.JavaScript:before{content:"JS";background-color:#f8b73e}.projectLink.C\#:before{content:"C#";background-color:#bc79ec}.projectLink.HTML:before{content:"HTML";background-color:#f0427c}.projectLink.PHP:before{content:"PHP";background-color:#33b2cc}.projectLink.SCRAPPED:before{content:"N/A SCRAPPED";background-color:#f8b73e}.projectLink.NA:before{content:"NOT AVAILABLE";background-color:#f0427c}.projectLink.TBD:before{background-color:#bc79ec;content:"TO BE DETERMINED"}.projectLink.INPROGRESS:before{background-color:#33b2cc;content:"IN PROGRESS"}.projectLink.DONE:before{background-color:#40bf80;content:"100% FINISHED"}.projectLink.loading:after{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;border:3px solid #eee;color:#ccc;content:"Loading";text-align:center;z-index:10}.projectLink:hover h3,.projectLink:hover h4{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.projectLink:hover h4{transition-delay:75ms}.projectLink:hover .projectLink__overlay{opacity:1}.projectLink a{display:flex;flex-direction:column;justify-content:flex-end;padding:2em 1em;position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;text-decoration:none;text-shadow:0 0 10px rgba(0,0,0,.5)}.projectLink h3,.projectLink h4{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:pointer;color:#fff;text-transform:uppercase;transition:-webkit-transform .15s cubic-bezier(.51,.41,.16,1.36);transition:transform .15s cubic-bezier(.51,.41,.16,1.36);transition:transform .15s cubic-bezier(.51,.41,.16,1.36),-webkit-transform .15s cubic-bezier(.51,.41,.16,1.36);transition-delay:0ms}.projectLink h3{font-weight:700}.projectLink:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.125),rgba(0,0,0,.5))}@-webkit-keyframes fadeIn{0%{-webkit-transform:translateY(75px) scale(.75);transform:translateY(75px) scale(.75);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes fadeIn{0%{-webkit-transform:translateY(75px) scale(.75);transform:translateY(75px) scale(.75);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@media(min-width:1024px){.projectLink{-webkit-transform:translateY(75px) scale(.75);transform:translateY(75px) scale(.75);opacity:0;-webkit-animation:fadeIn .2s cubic-bezier(.51,.41,.16,1.36) forwards;animation:fadeIn .2s cubic-bezier(.51,.41,.16,1.36) forwards}}body .content section.recent{position:relative;overflow:hidden;padding:0;margin-bottom:50px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform;transition:all .5s cubic-bezier(.51,.41,.16,1.36);-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0}body .content section.recent .recent__title{text-transform:uppercase;max-width:95%;padding:0;margin:0 1.5rem;line-height:135px;height:90px;text-align:center}@media(min-width:395px){.recent .recent__title{font-size:1.5em}}@media(min-width:535px){.recent .recent__title{font-size:2em;margin:0 2rem}}@media(min-width:700px){.recent .recent__title{font-size:2.25em}}@media(min-width:980px){.recent .recent__title{font-size:2.5em;margin:0}}.img{display:block;margin:25px auto;max-width:100%}.image__footer{margin-top:-15px;text-align:center}body .content section.about{margin:0 auto;max-width:780px;padding:0 20px 200px}body .content section.about h3.about__title{font-weight:700}body .content section.about .about__intermission{padding:25px;background:rgba(0,0,0,.05)}.welcome{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);background-size:cover;background-repeat:no-repeat;background-position:50%;overflow:hidden;min-height:720px;will-change:opacity,transform;-webkit-transform:translateY(-70px);transform:translateY(-70px);transition:-webkit-transform .5s cubic-bezier(.25,2,.5,1) 0ms;transition:transform .5s cubic-bezier(.25,2,.5,1) 0ms;transition:transform .5s cubic-bezier(.25,2,.5,1) 0ms,-webkit-transform .5s cubic-bezier(.25,2,.5,1) 0ms}.welcome .welcome__texts{padding-top:10rem;padding-bottom:5rem;background:linear-gradient(hsla(0,0%,98.8%,.85) 80%,transparent)}.welcome .welcome__title{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateY(50px);transform:translateY(50px);font-weight:700;padding:25px 0 0;transition:all .8s cubic-bezier(.51,.41,.16,1.36) .5s}.welcome .welcome__subtitle,.welcome .welcome__title{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;opacity:0;text-align:center}.welcome .welcome__subtitle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateY(30px);transform:translateY(30px);padding:10px 0 25px;transition:all .8s cubic-bezier(.51,.41,.16,1.36) .7s}.filter{margin:0 auto;width:100%;padding-top:60px;padding-bottom:10px;height:182px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform;transition:all .5s cubic-bezier(.51,.41,.16,1.36);-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0}.filter .filter__text{height:35px;width:100%;max-width:600px;flex:1 1;margin:0 1em;padding:0 1em;border:1px solid rgba(0,0,0,.15);font-size:1em;font-family:Roboto,sans-serif}.filter .filter__buttons{display:flex;justify-content:center;width:100%;margin:10px auto}.filter .btn{cursor:pointer;padding:0 .5em;height:35px;margin:0 .25em;min-width:80px;color:#33b2cc;border:1px solid #33b2cc;background-color:transparent}.filter .btn:hover{background:#fff;color:#23a2bc}.filter .btn.active{color:#fff;background-color:#33b2cc;border:1px solid transparent}.filter .btn.active:hover{background-color:#23a2bc}.filter .btn:focus{outline:none}.notfound{padding:calc(5vw + 50px) 1em 0;text-align:center}.notfound .heading{font-weight:700}.notfound img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);display:block;margin:0 auto;width:80%;max-width:480px;transition:-webkit-transform .15s cubic-bezier(.51,.41,.16,1.36);transition:transform .15s cubic-bezier(.51,.41,.16,1.36);transition:transform .15s cubic-bezier(.51,.41,.16,1.36),-webkit-transform .15s cubic-bezier(.51,.41,.16,1.36)}.notfound img:hover{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.notfound .na-reasons__list{list-style:none;padding:0}.notfound .na-reasons__list li{line-height:1.6em;margin-top:5px}header{position:fixed;left:0;right:0;background:#fff;box-shadow:0 5px 4px -4px rgba(0,0,0,.1);z-index:1000}.menu{display:flex;align-items:center;max-width:1200px;margin:0 auto}.menu .menu__btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);display:block;text-decoration:none;color:#2a2924;letter-spacing:3px;height:45px;line-height:45px;opacity:.75;transition:all .15s;padding:0 .5em}.menu .menu__btn a{display:flex;align-items:center;height:100%}.menu .menu__btn img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);width:32px;height:32px;transition:all .15s}.menu .menu__btn:hover{opacity:1;-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px);background-color:#f2f2f2}.menu .menu__home{display:flex;align-items:center;justify-content:center}.menu .menu__home,.menu .menu__work{text-align:center;min-width:110px;opacity:1;padding:0 1em}.menu .menu__home.active,.menu .menu__work.active{background-color:#f6f6f6}.menu .menu__home:hover,.menu .menu__work:hover{opacity:1;-webkit-transform:none;transform:none;background-color:#f2f2f2}.menu .social__link .title{display:none;margin:0}.menu .nav{display:flex;width:100%}.menu .nav div:first-child{margin-left:auto}.menu .nav div:last-child{margin-right:auto}@media screen and (max-width:600px){.menu__overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.25);z-index:99}header>.menu{position:relative;z-index:100}header>.menu .nav:not(.show){display:none!important}header>.menu .nav:not(.show) .menu__btn{display:none}header>.menu .nav.show{position:absolute;left:0;top:45px;display:flex;flex-direction:column;align-items:center;background:#fff;padding-bottom:35px}header>.menu .nav.show .menu__btn{width:200px;text-align:left;margin-left:50px;opacity:0}header>.menu .nav.show div{margin:0}header>.menu .nav.show .social__link{order:2}header>.menu .nav.show .social__link .title{font-size:1em;display:block;margin-left:15px}header>.menu .nav.show .menu__btn:last-child,header>.menu .nav.show .menu__btn:nth-child(0){-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .15s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .15s forwards}header>.menu .nav.show .menu__btn:first-child{-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .3s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .3s forwards}header>.menu .nav.show .menu__btn:nth-child(2){-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .45s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .45s forwards}header>.menu .nav.show .menu__btn:nth-child(3){-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .6s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .6s forwards}header>.menu .nav.show .menu__btn:nth-child(4){-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .75s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .75s forwards}header>.menu .nav.show .menu__btn:nth-child(5){-webkit-animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .9s forwards;animation:enter .25s cubic-bezier(.175,.885,.32,1.275) .9s forwards}.menu .menu__burger{display:block!important;margin-left:auto}}@-webkit-keyframes enter{0%{margin-left:50px;opacity:0}to{margin-left:0;opacity:1}}@keyframes enter{0%{margin-left:50px;opacity:0}to{margin-left:0;opacity:1}}.menu .menu__burger{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;display:none;width:45px;min-width:45px;height:35px;transition:all .15s ease-out;outline:none;cursor:pointer}.menu .menu__burger:before{top:14px}.menu .menu__burger:after,.menu .menu__burger:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0);position:absolute;left:5px;right:5px;content:"";background:#2a2924;height:1px;transition:all .15s cubic-bezier(.17,.67,.63,1.55)}.menu .menu__burger:after{bottom:14px}.menu .menu__burger.active:hover:after,.menu .menu__burger.active:hover:before{background:#2a2924}.menu .menu__burger.active:after{-webkit-transform:translateY(-2px) rotate(45deg);transform:translateY(-2px) rotate(45deg)}.menu .menu__burger.active:before{-webkit-transform:translateY(4px) rotate(-45deg);transform:translateY(4px) rotate(-45deg)}.menu .menu__burger:hover:not(.active):after{background:#2a2924;-webkit-transform:translateY(2px);transform:translateY(2px)}.menu .menu__burger:hover:not(.active):before{background:#2a2924;-webkit-transform:translateY(-2px);transform:translateY(-2px)}:not(pre)>code[class*=language-],pre[class*=language-]{padding:.5em 2em 1em;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.script.language-javascript,.token.selector,.token.string,code[class*=language-],pre[class*=language-]{text-shadow:none;font-size:18px;line-height:26px;font-weight:400;vertical-align:baseline;color:#4c556b;text-rendering:optimizeLegibility}.token.class-name,.token.tag{font-weight:700;color:#00b080}.token.boolean,.token.keyword{font-weight:700;color:#229eff}.token.annat{font-weight:700;color:#0081e5}.token.klas{color:#b22222}.token.operator{background:transparent;color:#343536}.token.attr-value,.token.string{font-weight:400;color:#d50069}.token.attr-name{color:#c38d00}.token.comment{font-style:italic;color:#9aa5ad}.token.function,.token.punctuation{font-weight:400;color:#4c556b}.token.directive,.token.preprocessor.property{font-weight:400;color:#9aa5ad}.project{background:#111;padding-top:100px}.project .content{min-height:50vh}.grid-test{display:flex;flex-wrap:wrap;justify-content:center;padding:5px}.grid-test .grid-test-item{display:inline-block;width:386px;height:380px;margin:5px;border-radius:4px;background:hsla(0,0%,100%,.125);border-top:2px solid hsla(0,0%,100%,.05);text-align:center;display:flex;justify-content:center;align-items:center;font-size:300px;font-weight:700;color:#1a1a1a;text-shadow:0 -1px 2px hsla(0,0%,100%,.05)}.list-test{display:flex;flex-wrap:wrap;background:#f0f0f0;padding:50px 0}.list-test .list-test-item{padding:20px;width:290px;height:250px;margin:8px auto;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);list-style:none;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;border-radius:4px;-webkit-animation:slide-up 1s forwards;animation:slide-up 1s forwards;-webkit-animation-delay:0ms;animation-delay:0ms}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes slide-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}
/*# sourceMappingURL=main.10455f85.chunk.css.map */