html{scroll-behavior:smooth}#root,body,html{padding:0;margin:0}#root,body{height:100%;width:100%;font-size:16px;color:hsla(0,0%,100%,.87);font-family:"Open Sans",sans-serif;background-color:#121212}.container,.page-container{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%;min-width:350px;width:100%}.visible{visibility:visible}.invisible{visibility:hidden;transition:1s}.btn-ripple,.noscroll{overflow:hidden}.ripple{background-color:hsla(0,0%,100%,.5);border-radius:50%;pointer-events:none;position:absolute;content:"";transform:scale(0)}.start{transform:scale(.1)}.active{transform:scale(1);transition:transform .5s,opacity .5s;opacity:.1}ul{list-style-type:none;padding:0;margin:0}button{border:none;background-color:initial;cursor:pointer}a,button{color:inherit;padding:0;margin:0}a{text-decoration:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}a:focus,button:focus{outline:none}.menu-btn{position:absolute;content:"";top:-40px;right:-40px;width:100px;height:100px;border-radius:50%;border:2px solid transparent;z-index:10;transition:.3s ease-in-out}.menu-btn--open{background-color:#121212;border:2px solid #7bb8a6;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.menu-btn--open:after{position:absolute;content:"";top:0;left:0;border-radius:50%;width:100%;height:100%;background-color:hsla(0,0%,100%,.13);transition:.3s ease}.menu-btn--open:focus,.menu-btn--open:hover{background-color:#7bb8a6}.menu-btn--open:focus:after,.menu-btn--open:hover:after{background-color:initial}.menu-btn--close{position:fixed;background-color:#7bb8a6;border-radius:25px}.menu-btn--close:focus,.menu-btn--close:hover{background-color:#b87b8d}.menu-btn .ripple{background-color:rgba(229,242,239,.5)}.menu-bar{display:block;position:absolute;content:"";width:25px;height:2px;top:55px;right:50px;background-color:#fff;transition:.15s ease-in-out}.menu-bar--middle{opacity:1;top:63px}.menu-bar--bottom{top:71px}.animate--top{transform:translateY(8px) rotate(135deg)}.animate--middle{transform:rotate(-45deg);opacity:0}.animate--bottom{transform:translateY(-8px) rotate(-135deg)}.overlay{display:none;position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:10}.overlay-animate--container{position:absolute;content:"";top:0;left:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.overlay-content{position:relative;min-width:350px;width:100%;height:100%;box-sizing:border-box;overflow:auto}.fade-in{opacity:0;animation:fadeIn .5s both;animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{opacity:1;animation:fadeOut .2s both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.menu-animate--collapse,.menu-animate--expand{position:absolute;content:"";top:-100%;right:-100%;width:100%;height:100%;background-color:#7bb8a6;border-radius:50%;z-index:-1}.menu-animate--expand{animation:scaleOut 1s both}.menu-animate--collapse{animation:scaleIn 1s both}@keyframes scaleOut{0%{transform:scale(0)}to{transform:scale(5)}}@keyframes scaleIn{0%{transform:scale(5)}to{transform:scale(0)}}.nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:350px;width:100%;height:100%;box-sizing:border-box;z-index:1}.menu-items{padding-left:3em}.menu-item{padding-top:1em}.about-menu-item,.menu-item{position:relative;display:flex}.about-menu-item{align-items:center;justify-content:flex-start;padding:0 2.5em 0 0;border-radius:0}.nav-link{position:relative;font-size:2em;letter-spacing:2px;font-weight:300;box-sizing:border-box;padding:.15em .35em;transition:.3s}.nav-link:after,.nav-link:focus{background-color:#b87b8d}.nav-link:after{position:absolute;content:"";bottom:0;left:.35em;right:.35em;height:4px;transform:scaleX(0);transition:transform .3s;transform-origin:0 0;z-index:-1}.nav-link:focus:after,.nav-link:hover:after{transform:scaleX(1)}.about-btn--open{position:relative;background-color:#b87b8d}.about-btn--open .ripple,.nav-link .ripple{background-color:rgba(241,230,234,.5)}.about-btn--open:focus,.about-btn--open:hover{background-color:#b87b8d}.about-btn--open:after{bottom:0;background-color:#b87b8d;width:100%;height:100%}.about-btn--open-arrow,.about-btn--open:after{position:absolute;content:"";right:0;z-index:-1}.about-btn--open-arrow{top:0;transform:translateX(-1em);font-size:3em;color:#b87b8d;transition:transform .5s;padding:0;margin:0}.about-btn--open:focus+.about-btn--open-arrow,.about-btn--open:hover+.about-btn--open-arrow{transform:translateX(0)}.about-animate--collapse,.about-animate--expand{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:0;transform:translateY(-100%);z-index:-1;background:radial-gradient(40em,#f0f0f0,#cb9bab);background-attachment:fixed}.about-animate--expand{animation:drop .8s both}.about-animate--collapse{animation:rise .8s both}@keyframes drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes rise{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.about-btn--close{position:absolute;content:"";top:1em;right:1em;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;z-index:1}.about-btn--close:focus,.about-btn--close:hover{background-color:hsla(0,0%,100%,.3)}.about-btn--close:focus .about-bar,.about-btn--close:hover .about-bar{background-color:#b87b8d}.about-bar{position:absolute;content:"";width:25px;height:1px;background-color:#000}.about-bar--right{transform:rotate(45deg)}.about-bar--left{transform:rotate(-45deg)}.x-spin-right{animation:xSpinRight .5s}.x-spin-left{animation:xSpinLeft .5s}@keyframes xSpinRight{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes xSpinLeft{0%{transform:rotate(-45deg)}to{transform:rotate(320deg)}}.about{min-width:350px;width:100%;height:100%;box-sizing:border-box;padding:1em;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start!important}.about h3{margin:0;padding:0;font-size:3em;text-transform:uppercase;font-weight:800;color:#b87b8d}.about p{margin:0;padding:1em 1em 0;letter-spacing:1px;font-weight:300;color:#000}.contact-ribbon{position:fixed;bottom:1em;right:1em;left:1em;height:50px;display:flex;align-items:center;justify-content:flex-end;z-index:3}.contact-ribbon-btn{top:auto;right:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #b87b8d;background-color:#121212;box-sizing:border-box;padding:1em;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);z-index:1}.contact-ribbon-btn,.contact-ribbon-btn:after{position:absolute;content:"";transition:.3s ease-in-out}.contact-ribbon-btn:after{top:0;left:0;border-radius:50%;width:100%;height:100%;background-color:hsla(0,0%,100%,.14)}.contact-ribbon-btn:focus,.contact-ribbon-btn:hover{background-color:#b87b8d}.contact-ribbon-btn:focus:after,.contact-ribbon-btn:hover:after{background-color:initial}.contact-ribbon-btn .ripple{background-color:rgba(241,230,234,.5)}.contact-ribbon-btn i{font-size:2em}.contact-ribbon-bkg{right:0;width:0;height:100%;justify-content:flex-end;border-radius:50px;background-color:hsla(0,0%,100%,.4);transition:all .5s,background-color .7s}.contact-ribbon-bkg,.contact-ribbon-items{position:absolute;content:"";top:auto;display:flex;align-items:center;box-sizing:border-box}.contact-ribbon-items{right:50px;justify-content:center;padding:0 .5em;transition:opacity .3s;transition-delay:.3s}.contact-ribbon-link{padding:0 .5em;font-size:1.5em}.contact-ribbon-link:focus,.contact-ribbon-link:hover{color:#7bb8a6}.landing-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:500px;height:100vh;background-color:initial;overflow:hidden;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);z-index:1}.background{z-index:-1;background:radial-gradient(#121212,#000);overflow:hidden}.background,.background:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%}.background:after{background-color:hsla(0,0%,100%,.09)}.bkg-box{position:absolute;content:"";top:0;left:0;height:100%;width:100%;border:1px solid rgba(67,67,67,.7)}.bkg-box--right{transform:rotate(80deg);animation:boxSpinRight 300s linear infinite alternate}.bkg-box--left{transform:rotate(-45deg);animation:boxSpinLeft 300s linear infinite alternate}@keyframes boxSpinRight{0%{transform:rotate(-45deg)}50%{transform:rotate(180deg)}to{transform:rotate(-45deg)}}@keyframes boxSpinLeft{0%{transform:rotate(80deg)}50%{transform:rotate(-240deg)}to{transform:rotate(80deg)}}.bkg-el{position:absolute;content:""}.bkg-el--top{top:0;left:-1px;width:2px;height:20px;animation:top 10s linear infinite reverse;animation-delay:-1s;animation-timing-function:cubic-bezier(.7,.3,.1,1);background:linear-gradient(hsla(0,0%,100%,0),rgba(184,123,141,.5) 50%,hsla(0,0%,100%,0))}.bkg-el--left{bottom:-1px;left:0;width:20px;height:2px;animation:left 6s linear infinite reverse;animation-delay:2s;animation-timing-function:cubic-bezier(.2,.7,1,.3);background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(123,184,166,.5) 50%,hsla(0,0%,100%,0))}.bkg-el--bottom{bottom:0;right:-1px;width:2px;height:20px;animation:bottom 15s linear infinite;animation-delay:-1s;animation-timing-function:cubic-bezier(.5,.1,.8,.2);background:linear-gradient(hsla(0,0%,100%,0),rgba(184,123,141,.5) 50%,hsla(0,0%,100%,0))}.bkg-el--right{top:-1px;right:0;width:20px;height:2px;animation:right 5s linear infinite;animation-delay:3s;animation-timing-function:cubic-bezier(1,.5,.5,.2);background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(123,184,166,.5) 50%,hsla(0,0%,100%,0))}@keyframes top{50%{top:95%}}@keyframes left{50%{left:90%}}@keyframes bottom{50%{bottom:95%}}@keyframes right{50%{right:90%}}.title-container{height:100%;color:#fff;box-sizing:border-box}.greeting,.main-heading,.sub-heading,.title-container{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.greeting,.i-am,.name,.role{display:flex;align-items:center;justify-content:center;text-shadow:0 3px 5px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)}.am,.i{display:inline-flex}.greeting{font-family:"Pacifico",cursive;font-size:3em;font-weight:400;line-height:1em}.main-heading{font-size:5em;text-transform:uppercase;line-height:1.25em;font-weight:800;padding:.35em}.sub-heading{font-family:monospace;font-size:1.5em;font-weight:400;color:#7bb8a6}.name-container,.role-container{position:relative;width:100%}.name{color:#b87b8d}.name,.role{opacity:0;animation:fadeIn 1.5s forwards;animation-delay:.5s}.animation-block{content:"";width:100%;height:100%;position:absolute;bottom:0;display:flex;z-index:1;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.name-block{background-color:#b87b8d;transform:translateX(-100%);animation:nameBlock 2s forwards}.role-block{background-color:#7bb8a6;transform:translateX(100%);animation:roleBlock 2s forwards}@keyframes nameBlock{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes roleBlock{0%{transform:translateX(100%)}50%{transform:translateX(0)}to{transform:translateX(-100%)}}.section{width:100%;height:100%;flex-direction:column;justify-content:center;padding-bottom:4em}.section,h3{position:relative;display:flex;box-sizing:border-box}h3{align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-transform:uppercase;margin:.5em .5em 1em;padding:.25em;font-size:3em}.skills-container{margin:auto;position:relative;border:1px solid #b87b8d;width:80%;max-width:400px;box-sizing:border-box;background-color:#121212;padding:2.5em;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.skills-container:before{top:0;left:0;background-color:hsla(0,0%,100%,.11)}.skills-container:after,.skills-container:before{position:absolute;content:"";width:100%;height:100%}.skills-container:after{top:.5em;left:.5em;border:1px solid #7bb8a6;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.skills-container ul{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;font-weight:300;font-size:1.5em;line-height:1.75em;letter-spacing:2px}.projects{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.projects:after{position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.09);content:"";height:100%;width:100%;z-index:1}.projects-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%;margin:-2em auto}.project-card{position:relative;margin:2em;box-sizing:border-box;padding:1em;border-radius:.25em;background-color:#121212;cursor:pointer;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);z-index:2}.project-card:focus{outline:auto}.project-card:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.11);border-radius:.25em}.project-card:active .project-info,.project-card:active .project-overlay,.project-card:hover .project-info,.project-card:hover .project-overlay{opacity:1}.project-content{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.project-overlay-container{bottom:0;overflow:hidden}.project-overlay,.project-overlay-container{position:absolute;content:"";left:0;right:0;height:100%;width:100%}.project-overlay{transition:.5s ease;opacity:0;top:0;background-color:rgba(18,18,18,.6);z-index:2}.project-thumbnail-container{width:315px;height:420px;display:inline-block;overflow:hidden;position:relative;z-index:1;background-color:hsla(0,0%,100%,.15)}.project-thumbnail{position:relative;transform:scale(.35);transform-origin:0 0}.project-thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:300%;height:100%}.project-iframe{opacity:0;transition:.5s ease-in-out;width:900px;height:1200px}.project-info{transition:.3s ease;opacity:0;position:absolute;content:"";z-index:3;padding:.5em;font-weight:300;font-size:1.25em;letter-spacing:1px;width:80%;max-width:80%;text-align:center;box-sizing:border-box;border:3px solid #7bb8a6;background-color:#121212;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.project-info:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.13);z-index:1}.project-view{display:none}.contact-container{width:80%;margin:auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-text-container{position:relative;padding:1.5em 1em 1em 1.5em;margin:0;border:1px solid #b87b8d;background-color:#121212;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.contact-text-container:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.11)}.contact-text-container:after{position:absolute;top:.5em;left:.5em;content:"";width:100%;height:100%;border:1px solid #7bb8a6;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.contact-text-container p{letter-spacing:1px;line-height:1.5em;font-weight:300;text-align:center}.contact-email{position:relative;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.25em .5em;border-radius:50px;margin:2.5em 0 1em;transition:.5s ease;font-weight:300;font-size:1.5em;line-height:1.75em;letter-spacing:2px}.contact-email:focus,.contact-email:hover{background-color:hsla(0,0%,100%,.15)}.contact-list{margin:0;padding:0;display:flex}.contact-link{position:relative;border-radius:50%;border:1px solid #b87b8d;display:flex;align-items:center;justify-content:center;padding:.5em;margin:0 .5em;background-color:#121212;transition:.3s ease-in-out;font-size:1.5em;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);z-index:1}.contact-link .ripple{background-color:rgba(241,230,234,.8)}.contact-link:focus,.contact-link:hover{background-color:#b87b8d}.contact-link:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:hsla(0,0%,100%,.11)}.contact-link:focus:after,.contact-link:hover:after{background-color:initial}.contact-linkedin{border:1px solid #7bb8a6}.contact-linkedin .ripple{background-color:rgba(229,242,239,.8)}.contact-linkedin:focus,.contact-linkedin:hover{background-color:#7bb8a6}footer{position:relative;background-color:#121212;padding:1em;box-sizing:border-box;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}footer,footer:after{width:100%;height:100%}footer:after{position:absolute;content:"";top:0;left:0;background-color:hsla(0,0%,100%,.13)}.copyright{font-weight:300;letter-spacing:1px}@media only screen and (min-width:600px){#root,body{font-size:20px}.nav{flex-direction:row;align-items:center;justify-content:flex-end;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#121212;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);z-index:2}.nav,.nav:after{position:absolute;content:"";top:0;left:0;width:100%}.nav:after{height:100%;background-color:hsla(0,0%,100%,.12)}.menu-items{padding-left:0;display:flex;z-index:1}.menu-item,.menu-items{align-items:center;justify-content:center}.menu-item{padding:0}.about-menu-item{justify-content:center}.nav-link{font-size:1em;letter-spacing:1px;padding:.75em 1em;transition:color .3s}.nav-link:focus,.nav-link:hover{background-color:initial;color:#b87b8d}.nav-link:after{position:absolute;content:"";bottom:0;left:0;right:0;height:4px;transform:scaleX(0);background-color:#b87b8d;transition:transform .5s;transform-origin:center;z-index:-1}.nav-link:focus:after,.nav-link:hover:after{transform:scaleX(1)}.about-btn--open{background-color:initial;color:#7bb8a6}.about-btn--open .ripple,.nav-link .ripple{background-color:rgba(241,230,234,.5)}.about-btn--open:focus,.about-btn--open:hover{background-color:initial;color:inherit}.about-btn--open:after{position:absolute;content:"";bottom:0;right:0;background-color:#7bb8a6;width:100%;height:100%;z-index:-1;transform:scaleX(1) scaleY(0);transform-origin:bottom}.about-btn--open:focus:after,.about-btn--open:hover:after{transform:scaleX(1) scaleY(1)}.title-container{padding:0 1em}.greeting,.main-heading,.sub-heading{align-items:flex-start;line-height:1em;padding:0}.main-heading{padding:.25em 0}.am,.i,.name{animation:drop-in .5s both}.am{animation-delay:.8s}.name,.role{justify-content:flex-start;opacity:1}.name{animation-delay:1.6s}.role{animation:slide-in .5s both;animation-delay:2.4s}@keyframes drop-in{0%{transform:scaleY(5) translateY(-100vh)}to{transform:scale(1)}}@keyframes slide-in{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}.animation-block{display:none;animation:none}.project-thumbnail-container{width:420px;height:315px}.project-iframe{width:1200px;height:900px}.project-info{width:70%;height:3.25em;overflow:hidden}.project-title,.project-view{position:absolute;top:0;left:0;content:"";display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;width:100%;transition:transform .4s ease-in-out}.project-view{transform:translateX(-100%);background-color:#7bb8a6}.project-info:hover .project-title{transform:translateX(100%)}.project-info:hover .project-view{transform:translateX(0)}}
/*# sourceMappingURL=main.cbfbe381.chunk.css.map */