:root{--app-height:100%}*{box-sizing:border-box}html{height:100%}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;font-family:"Karla",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,a:active,a:hover{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}button:disabled{opacity:.7}.react-toast-notifications__container{padding-top:20px!important;padding-bottom:20px!important}.js-focus-visible :focus:not(.focus-visible){outline:none}.focus-visible:focus{outline:none;box-shadow:0 0 3pt 2pt #daae9d!important}.page-fade-enter{opacity:0}.page-fade-enter.page-fade-enter-active{opacity:1;transition:all .3s}.page-fade-exit{opacity:1}.page-fade-exit.page-fade-exit-active{opacity:0;transition:all .3s}.tooltip{position:relative}.tooltip .tooltip__text{visibility:hidden;width:120px;background-color:#383636;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.tooltip .tooltip__text:after{content:"";display:block;width:10px;height:10px;position:absolute;background:inherit}.tooltip .tooltip__text--bottom{bottom:-20px;left:50%;transform:translateX(-50%)}.tooltip .tooltip__text--bottom:after{transform:rotate(45deg) translateX(-50%);top:-1px;left:50%}.tooltip:hover .tooltip__text{visibility:visible}.react-reveal{will-change:transform,opacity}.app{height:100vh;height:var(--app-height);max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:background-image .4s ease-in-out;background-size:cover;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;overflow:hidden}.app,.app__overlay{background-color:#000}.app__overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.app>:not(.app__overlay){position:relative;border-radius:5px}.app__header{display:flex;justify-content:space-between;align-items:center;color:#fff}.app__logo{width:120px;padding:20px}.app__menu-btn{border:none;background-color:initial;display:flex;justify-content:center;align-items:center;margin-right:40px;cursor:pointer}.app__menu-icon{display:none}.app__nav{transform:translate(0);transition:all .5s}.app__nav--home{transform:translate(-10000px,10000px)}.app__nav-list{display:flex;margin-right:20px}.app__nav-item{margin:15px 15px 15px 0;display:flex;flex-direction:row-reverse;align-items:center}.app__nav-icon{margin-right:10px;display:none}.app__nav-link,.app__nav-link:hover{position:relative;font-size:1.1em;cursor:pointer}.app__nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:70%;height:.2em;border-radius:5px;pointer-events:none;transform:translate3d(-100%,0,0) translate3d(-1px,0,0);transition:transform .7s;transition-timing-function:cubic-bezier(.7,0,.3,1)}.app__nav-link--active:after,.app__nav-link:hover:after{transform:translateZ(0);background:#faa84b}.app__nav-close{display:none}@media only screen and (max-width:750px){.app__menu-icon{display:block}.app__nav{transform:translateX(2000px);transition:transform .5s ease-in;position:fixed;top:0;right:0;bottom:0;margin:0;padding:20px;background-color:#faa84b;z-index:2000;overflow-y:auto}.app__nav.show{transform:translateX(0)}.app__nav-list{flex-direction:column;margin-right:0}.app__nav-item{justify-content:center;width:100%;margin-top:20px;margin-bottom:20px}.app__nav:hover .app__nav-item{justify-content:flex-end;width:auto}.app__nav:hover .app__nav-item:nth-of-type(3) .app__nav-icon{margin-left:-5px}.app__nav-icon{display:block}.app__nav-link--active+.app__nav-icon path,.app__nav-link:hover+.app__nav-icon path{fill:red}.app__nav-link{font-size:1.1em;text-indent:-10000px}.app__nav:hover .app__nav-link{text-indent:unset}.app__nav-link--active:after,.app__nav-link:hover:after{transform:translateZ(0);background:red}.app__nav-close{cursor:pointer;display:block;width:100%;margin:0 10px 60px auto;border:none;background-color:initial}.app__name{font-size:2.4em;margin-bottom:10px}.app__role{font-size:1.2em}}@media only screen and (max-width:500px){.app__text-cont{width:90%}.app__menu-btn{margin-right:20px}}.landing-page{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;height:calc(var(--app-height) - 125px)}.landing-page__content{width:55%;color:#fff;font-family:"Karla",sans-serif}.landing-page__name{font-family:"Cantora One",sans-serif;font-family:"Merienda One",cursive;font-size:4em;margin-left:-2px;margin-bottom:20px}.landing-page__cursor,.landing-page__role{font-size:1.9em}.landing-page__nav{margin-top:20px}.landing-page__nav-list{display:flex}.landing-page__nav-item{margin:15px 15px 15px 0;display:flex;flex-direction:row-reverse;align-items:center}.landing-page__nav-icon{margin-right:10px;display:none}.landing-page__nav-link{color:#fff;position:relative;font-size:1.1em}.landing-page__nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:70%;height:.2em;border-radius:5px;pointer-events:none;transform:translate3d(-100%,0,0) translate3d(-1px,0,0);transition:transform .7s;transition-timing-function:cubic-bezier(.7,0,.3,1)}.landing-page__nav-link--active:after,.landing-page__nav-link:hover:after{transform:translateZ(0);background:#faa84b}.landing-page__nav-close{display:none}.landing-page .social{margin-top:25px;display:flex}.landing-page .social__item{margin-right:30px}.landing-page .social__icon:hover{fill:#faa84b}@media only screen and (max-width:750px){.landing-page__nav{display:none}.landing-page__name{font-size:2.4em;margin-bottom:10px}.landing-page__role{font-size:1.2em}}@media only screen and (max-width:500px){.landing-page__content{width:90%}}.about-page{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;display:flex;flex-direction:column;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.about-page__heading{margin:0}.about-page__heading--main{color:#af5c3b;font-family:"Merienda One",cursive;font-size:2.8em}.about-page__content{display:flex;margin-bottom:30px}.about-page__content:first-of-type{flex-shrink:0}.about-page__content-left{width:30%;position:relative;margin-right:20px}.about-page__content-right{width:70%}.about-page__text{line-height:24px;margin-top:40px;margin-bottom:40px}.about-page__text--restricted{max-width:500px}.about-page__link,.about-page__link:active,.about-page__link:hover{color:#af5c3b}.about-page__list{padding-left:30px}.about-page__list-item{padding-left:10px;margin:5px 0;position:relative;list-style-type:none}.about-page__list-item:before{content:"";position:absolute;top:5px;left:-16px;width:15px;height:15px;background-size:contain;background-image:url(/static/media/check2.584688dc.svg)}.about-page__services{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:50px}.about-page__services-link{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:150px;text-align:center;box-shadow:0 5px 17px 2px rgba(0,0,0,.15);margin:20px 20px 0 0;padding:10px 20px;border-radius:4px}.about-page__services-link:hover{background:#af5c3b;color:#fff}.about-page__services-icon{margin-bottom:10px;color:#af5c3b}.about-page__services-link:hover .about-page__services-icon{color:#fff}@media only screen and (max-width:1200px){.about-page{padding:40px}}@media only screen and (max-width:800px){.about-page__content{flex-direction:column}.about-page__content-left{width:calc(100% - 20px)}.about-page__content-right{width:100%}}@media only screen and (max-width:500px){.about-page{padding:40px 20px}.about-page__heading--main{font-size:2.3em}.about-page__services{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}}.contact-page{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;flex-direction:column;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.contact-page,.resume_btn{display:flex;align-items:center;justify-content:center}.resume_btn{background-color:#af5c3b;padding:15px 50px;color:#fff;width:230px;border:none;border-radius:10px;font-family:"Merienda One",cursive;font-size:1em;cursor:pointer}.social__contact{margin-top:3px}.contact-page__header{margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-page__heading{margin:0;color:#af5c3b}.contact-page__heading--main{font-family:"Merienda One",cursive;font-size:3em;margin-bottom:10px}.contact-page__subheading{margin-top:0;font-size:1.2em}.contact-page__content{display:flex;align-items:flex-start;margin-bottom:40px}.contact-page__content:first-of-type{flex-shrink:0}.contact-page__content-left{margin-right:20px;width:calc(35% - 20px);max-width:350px}.contact-page__content-right{width:65%}.contact-page__input{background-color:rgba(236,179,156,.2);border:none;height:60px;padding:20px;margin:10px 10px 10px 0;border-radius:40px;font-size:1.2em;font-family:inherit;width:calc(50% - 20px)}.contact-page__input--full{width:calc(100% - 20px)}.contact-page__input:focus,.contact-page__send-btn:focus{outline:none;box-shadow:0 0 3pt 2pt #daae9d}.contact-page__textarea{height:150px;width:calc(100% - 20px);resize:none}.contact-page__link,.contact-page__link:hover{color:#af5c3b}.contact-page__send-btn{color:#fff;background-color:#af5c3b;border:none;padding:10px 20px;margin:20px 20px 0 0;border-radius:20px;font-family:inherit;font-size:1.2em;font-weight:bolder;cursor:pointer}.contact-page .social{display:flex;flex-wrap:nowrap}.contact-page .social__link{display:flex;align-items:center;margin-right:18px}.contact-page .social__icon{margin-right:5px}@media only screen and (max-width:1200px){.contact-page{padding:40px}}@media only screen and (max-width:800px){.contact-page__content{flex-direction:column}.contact-page__content-left,.contact-page__content-right{width:100%}.contact-page .social__link{margin-top:30px;margin-right:20px}}@media only screen and (max-width:500px){.contact-page{padding:40px 20px}.contact-page__heading--main{font-size:2.3em}.contact-page__subheading{font-size:1.1em}.contact-page__input{width:calc(100% - 20px);font-size:1.1em}.contact-page .social{flex-direction:column;align-items:center}}.resume-page{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;display:flex;flex-direction:column;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.resume-page__header{margin-bottom:30px}.resume-page__heading{margin:0}.resume-page__heading--main{color:#af5c3b;font-family:"Merienda One",cursive;font-size:3em}.resume-page__subheading{margin-top:0;font-size:1.2em}.resume-page__subheading--body{color:#777;font-weight:bolder;margin-top:5px}.resume-page__content{display:flex;align-items:flex-start;margin-bottom:60px}.resume-page__content:first-of-type{flex-shrink:0}.resume-page__content-left{margin-right:20px;width:calc(35% - 20px);max-width:350px}.resume-page__content-right{width:65%;position:relative}.work{margin-bottom:30px;margin-top:15px}.work__timeline{color:#af5c3b;font-size:1.1em;margin:0 0 5px}.work__role{font-size:1.3em;color:#000;margin:0;text-transform:uppercase}.work__company{color:#333;font-size:1em;margin:3px 0 0}.education__summary,.work__summary{white-space:pre-wrap;line-height:24px;margin-top:10px}.education-wrapper:after{content:"";position:absolute;top:8px;bottom:0;left:-51px;width:2px;background:#ccc}.education{position:relative;margin-bottom:40px;z-index:10}.education__degree{margin:0 0 5px;color:#af5c3b;text-transform:uppercase;font-size:1.3em}.education__school{font-style:italic;margin:0}.education__timeline{display:inline-block;background:rgba(175,92,59,.15);padding:10px;font-weight:bolder;border-radius:5px;margin-bottom:0;margin-top:10px;font-size:.8em;color:#333}.education__summary:after{content:"";position:absolute;top:3px;left:-58px;width:16px;height:16px;border-radius:10px;z-index:1;box-shadow:0 0 0 8px rgba(250,168,75,.3);background:#af5c3b}.tech{display:flex;flex-wrap:wrap;align-items:center}.tech__logo{width:45px;margin:10px}@media only screen and (max-width:1200px){.resume-page{padding:40px}}@media only screen and (max-width:800px){.resume-page__content{flex-direction:column}.resume-page__content-left,.resume-page__content-right{width:100%}.education-wrapper{margin-left:30px}.education-wrapper:after{left:0}.education__summary:after{left:-37px}}@media only screen and (max-width:500px){.resume-page{padding:40px 20px}.resume-page__heading{font-size:1.8em}.resume-page__heading--main{font-size:2.3em}.education__degree,.resume-page__subheading,.work__role{font-size:1.1em}.work__timeline{font-size:1em}}.portfolio-page{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;display:flex;flex-direction:column;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.portfolio-page__header{margin-bottom:30px}.portfolio-page__heading{margin:0;color:#af5c3b}.portfolio-page__heading--main{font-family:"Merienda One",cursive;font-size:3em}.portfolio-page__subheading{margin-top:0;font-size:1.2em}.portfolio-page__body{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.portfolio-page__img-wrapper{position:relative;cursor:pointer;min-height:160px}.portfolio-page__img{width:100%;height:100%;border-radius:3px;box-shadow:0 3px 15px rgba(0,0,0,.2)}.portfolio-page__desc{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(175,92,59,.95);color:#fff}.portfolio-page__img-wrapper:hover .portfolio-page__desc{opacity:1}.portfolio-page__desc:before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #fff;border-left:3px solid #fff;transition:all .5s ease 0s;z-index:9994}.portfolio-page__img-wrapper:hover .portfolio-page__desc:before{top:15px;left:15px}.portfolio-page__desc:after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #fff;border-right:3px solid #fff;transition:all .5s ease 0s;z-index:9994}.portfolio-page__img-wrapper:hover .portfolio-page__desc:after{bottom:15px;right:15px}.portfolio-page__img-btn{border:none;background:transparent;color:#fff;cursor:pointer}@media only screen and (max-width:1200px){.portfolio-page{padding:40px}}@media only screen and (max-width:800px){.portfolio-page__content{flex-direction:column}.portfolio-page__content-left,.portfolio-page__content-right{width:100%}}@media only screen and (max-width:500px){.portfolio-page{padding:40px 20px}.portfolio-page__heading{font-size:1.8em}.portfolio-page__heading--main{font-size:2.3em}.portfolio-page__subheading{font-size:1.1em}.portfolio-page__body{grid-template-columns:1fr}.portfolio-page__img{object-fit:contain}}.portfolio-item{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;display:flex;flex-direction:column;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.portfolio-item__body{display:flex}.portfolio-item__path{font-family:"Karla",sans-serif;margin-right:5px;font-size:18px;padding:5px;color:#000;text-decoration:none}.portfolio-item__path-separator{margin:0 7px}.portfolio-item__path--link,.portfolio-item__path--link:active,.portfolio-item__path--link:hover{color:#af5c3b;text-decoration:underline}.portfolio-item__header{margin-bottom:80px}.portfolio-item__img-wrapper{width:45%;margin-right:40px;margin-bottom:40px;max-width:500px!important}.portfolio-item__img-wrapper--mobile{display:flex;justify-content:center}.portfolio-item__img-wrapper .screen{background-color:#000}.portfolio-item__img-wrapper .tooltip__text{bottom:-40%}.portfolio-item__img{width:100%;height:100%;object-fit:contain;box-shadow:0 3px 15px rgba(0,0,0,.2)}.portfolio-item__content{width:calc(55% - 40px)}.portfolio-item__heading{font-size:1.6em;margin-top:0}.portfolio-item__summary{line-height:25px;white-space:pre-wrap}.portfolio-item__summary a{color:#af5c3b}.portfolio-item__summary ul{list-style-type:disc;padding-left:40px}.portfolio-item__link-wrapper{display:flex;flex-wrap:wrap}.portfolio-item__link{display:flex;align-items:center;justify-content:center;width:180px;margin-right:20px;margin-top:20px;margin-left:0;padding:5px 10px;border-radius:10px}.portfolio-item__link--github,.portfolio-item__link--github:hover{background:#000;color:#fff}.portfolio-item__link--live,.portfolio-item__link--live:hover{background:#1a9e1a;color:#fff}.portfolio-item__link-icon{margin-right:5px}@media only screen and (max-width:1100px){.portfolio-item__body{flex-direction:column;display:flex;align-items:center;justify-content:center}.portfolio-item__header{margin-bottom:40px}.portfolio-item__img-wrapper{width:calc(100% - 20px);margin-right:0}.portfolio-item__content{width:100%}.portfolio-item__link-wrapper{justify-content:center}}@media only screen and (max-width:600px){.portfolio-item{padding:40px 20px}.portfolio-item__path{font-size:16px}.portfolio-item__path-separator{margin:0 4px}}.not-found{width:90%;overflow-y:auto;height:calc(var(--app-height) - 125px);background-color:#fff;flex-direction:column;justify-content:center;padding:40px 80px;margin:0 auto 40px;max-width:1400px}.not-found,.not-found__body{display:flex}.not-found__text{text-align:center;font-size:1.4em}
/*# sourceMappingURL=main.31c51aa8.chunk.css.map */