html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{margin:0;padding:0;font-family:sans-serif}.Loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.Loading .loading-spinner{width:50px;height:50px;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.Header{box-shadow:0 1px 3px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.5);position:relative;height:100vh;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;transition:all 1.5s ease;z-index:5;color:#fff}.App-explore .Header{background-color:rgba(0,0,0,.35)}@media (max-width:1399px){.App-about .Header,.App-connect .Header{background-color:rgba(0,0,0,.6)}}@media (min-width:1400px){.Header{width:100vw}}.App-explore .Header{height:15vh;border-bottom:1px dashed #fff}@media (min-width:1400px){.App-explore .Header{border-bottom:0;border-right:1px dashed #fff;height:100vh;width:30vw}}@media (max-width:1399px){.App-about .Header,.App-connect .Header{height:100vh}}.Header .Header__wrap{position:relative;max-width:340px}.touchevents .Header .Header__wrap{margin-bottom:75px}.touchevents .App-explore .Header .Header__wrap{margin-bottom:0}@media (min-width:1400px){.Header .Header__wrap{margin-top:30px;max-width:370px}.touchevents .Header .Header__wrap{margin-bottom:0}}.Title{text-align:center;text-transform:uppercase;line-height:1.25;-webkit-font-smoothing:antialiased}.Title h1,.Title h2{text-shadow:2px 1px 2px rgba(0,0,0,.25);line-height:1;transition:all .5s ease-in-out}.Title h1{font-family:"Chango",sans-serif;font-size:1.96rem;letter-spacing:2px;font-weight:400;margin:0}.no-webanimations .Title h1{font-size:2rem}@media screen and (min-width:1400px) and (max-width:1599px){.Title h1{margin:0;font-size:2.15rem}.no-webanimations .Title h1{font-size:2.2rem}}@media screen and (min-width:1600px){.Title h1{font-size:2.22rem}.no-webanimations .Title h1{font-size:2.2rem}}.Title h2{display:inline-block;width:100%;margin:0;padding:8px 0;border-bottom:1px solid #fff;font-size:.85rem;font-family:"Comfortaa",sans-serif;font-weight:600;letter-spacing:2px}.no-webanimations .Title h2,.touchevents .Title h2{letter-spacing:1.25px}.touchevents .Title h2{font-size:.8rem}@media screen and (min-width:1400px) and (max-width:1599px){.Title h2{font-size:.94rem}.no-webanimations .Title h2{font-size:.908rem}}@media screen and (min-width:1600px){.Title h2{font-size:.99rem}.no-webanimations .Title h2{font-size:.93rem}}.Menu{padding:0 3px}.Menu ul{margin:0;padding:0;list-style-type:none;display:flex;justify-content:stretch}.Menu li{background-color:rgba(0,0,0,.35);box-shadow:0 1px 3px 1px rgba(0,0,0,.25);flex-grow:1;margin:0 3px;overflow:hidden;cursor:pointer;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.App-home .Menu li{background-color:rgba(0,0,0,.55)}.Menu li:first-child{margin-left:0}.Menu li:last-child{margin-right:0}.App-home .Menu li.home button,.Menu li.home:hover button{background-color:rgba(82,165,107,.5)}.App-explore .Menu li.explore button,.Menu li.explore:hover button{background-color:rgba(68,151,203,.5)}.App-about .Menu li.about button,.Menu li.about:hover button{background-color:rgba(205,105,11,.5)}.App-connect .Menu li.connect button,.Menu li.connect:hover button{background-color:rgba(224,190,0,.5)}.Menu button{text-shadow:2px 1px 2px rgba(0,0,0,.25);background-color:transparent;text-decoration:none;text-align:center;padding:8px 0 6px;color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-family:"Comfortaa",sans-serif;display:block;width:100%;transition:all .5s ease;cursor:pointer;box-sizing:border-box;border:1px dashed #fff;border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.Menu button:focus{outline:0}.Menu button:-webkit-any-link:active,.Menu button:active,.Menu button:hover{color:#fff}.Info{width:100%;box-sizing:border-box}.App-home .Info{position:absolute}@media (min-width:1400px){.Info{position:absolute}}.About{overflow:hidden}.About .about-wrapper{padding-top:15px}.About .about-inner{background-color:rgba(0,0,0,.35);box-shadow:0 1px 3px 1px rgba(0,0,0,.25);margin:0 3px;padding:10px 15px;font-family:"Comfortaa",sans-serif;font-size:.9rem;font-weight:600;line-height:1.5;text-align:justify;border-radius:10px;border:1px dashed #fff;transition:all .4s ease-in-out}.App-home .About .about-inner{background-color:rgba(0,0,0,.55)}.About p{margin:0}.Connect{width:100%;z-index:999;transition:bottom 2s ease}.Connect .social{display:flex;align-items:stretch;justify-content:space-between;padding:15px 0 0;margin:0;list-style-type:none;text-align:center}.Connect .social li{position:relative;display:inline-block;transition:all .4s ease-in-out;transform:translate(0);padding:0 .5rem}@media screen and (min-width:1000px){.Connect .social li{margin:.25rem 0}}.Connect .social li:last-child{margin-bottom:0}.Connect .social a{text-shadow:2px 1px 2px rgba(0,0,0,.25);position:relative;font-size:1.5rem;color:#fff;transition:all .5s ease;top:0}.App-home .Connect .social a{opacity:.8}.Connect .social a:hover{opacity:1}.Connect .social a span{display:none}.Connect .social a i{pointer-events:none;height:0}@-webkit-keyframes wiggle{0%{transform:rotate(0deg)}80%{transform:rotate(0deg) translateY(.5px)}85%{transform:rotate(10deg) scale(1.25)}95%{transform:rotate(-10deg)}to{transform:rotate(0deg) scale(1) translateY(0)}}@keyframes wiggle{0%{transform:rotate(0deg)}80%{transform:rotate(0deg) translateY(.5px)}85%{transform:rotate(10deg) scale(1.25)}95%{transform:rotate(-10deg)}to{transform:rotate(0deg) scale(1) translateY(0)}}.ToolTip{text-shadow:2px 1px 2px rgba(0,0,0,.25);position:absolute;display:flex;align-items:center;bottom:5vh;color:#fff;transition:bottom 1.5s ease,opacity 1s ease-in-out,color 1s ease;font-weight:700;font-family:"Comfortaa",sans-serif;font-size:.85rem;max-width:80%;text-align:left;line-height:1.45;z-index:99;cursor:help}@media (max-width:1399px){.touchevents .ToolTip{bottom:20vh}}@media (min-width:1400px){.ToolTip{font-size:.95rem;bottom:auto;top:5vh}}.App-home .ToolTip{bottom:-5vh;opacity:0}@media (min-width:1400px){.App-home .ToolTip{bottom:auto;top:-5vh}}.ToolTip i,.ToolTip p{transition:opacity 1.5s ease;opacity:1}.ToolTip p{margin:0}.ToolTip i{-webkit-animation:wiggle 4s infinite;animation:wiggle 4s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:1.75rem;display:block;margin-right:10px;pointer-events:all}@media (min-width:1400px){.ToolTip i{font-size:1.75rem}}.Scene-ready:hover .ToolTip i{-webkit-animation:wiggle 4s infinite;animation:wiggle 4s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Project{position:absolute;bottom:-30vh;right:0;height:0;width:100vw;transition:all .5s ease;font-family:"Open Sans",Arial,sans-serif;color:#000;z-index:999}@media (min-width:768px){.Project{max-width:680px;transform:translateX(-50%);left:50%}}@media (min-width:1400px){.Project{left:auto;right:-30vw;max-width:70vw;transform:translateX(0);transform:translateY(0);opacity:0;height:auto;top:60%}}@media (min-width:1600px){.Project{right:-35vw}}.App-explore .Project.Project--open{bottom:0;height:300px}@media (min-width:1400px){.App-explore .Project.Project--open{bottom:auto;left:auto;opacity:1;top:10vh;height:auto}.App-explore .Project.Project--open .project-header{padding-bottom:15px;border-bottom:1px dashed #fff}.App-explore .Project.Project--open .project-link,.App-explore .Project.Project--open .project-media,.App-explore .Project.Project--open .project-meta{display:block;top:0;opacity:1}}.App-explore .Project.Project--open .project-cover{opacity:.35}.App-explore .Project.Project--expanded{height:80vh}@media (min-width:1400px){.App-explore .Project.Project--expanded{height:auto}}.App-explore .Project.Project--expanded .project-cover{opacity:.75}@media (min-width:1400px){.App-explore .Project.Project--gallery{right:0}}.App-explore .Project.Project--gallery .slider-control-centerleft,.App-explore .Project.Project--gallery .slider-control-centerright{background-color:rgba(0,0,0,.35);border:1px dashed #fff;overflow:hidden}.App-home .App-explore .Project.Project--gallery .slider-control-centerleft,.App-home .App-explore .Project.Project--gallery .slider-control-centerright{background-color:rgba(0,0,0,.55)}.App-explore .Project.Project--gallery .slider-control-centerleft{border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:0}.App-explore .Project.Project--gallery .slider-control-centerright{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:0}.Project .project-wrapper{box-shadow:0 1px 3px 1px rgba(0,0,0,.25);position:relative;transition:all .5s ease;border-top:1px dashed #fff;height:100%}@media (min-width:768px) and (max-width:1399px){.Project .project-wrapper{border-left:1px dashed #fff;border-right:1px dashed #fff;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width:1400px){.Project .project-wrapper{border-radius:10px;border-left:1px dashed #fff;border-bottom:1px dashed #fff;border-top-right-radius:0;border-bottom-right-radius:0}}.Project .project-cover{background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}@media (min-width:768px){.Project .project-cover{border-top-right-radius:10px;border-top-left-radius:10px}}@media (min-width:1400px){.Project .project-cover{border-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0}}.Project .project-content{position:relative;width:100%;height:100%;box-sizing:border-box;padding:20px 30px;font-weight:600;z-index:9}@media (min-width:1400px){.Project .project-content{padding:35px;max-width:40vw}}@media (min-width:1600px){.Project .project-content{max-width:35vw}}.Project .project-header,.Project .project-media,.Project .project-meta{color:#fff;font-family:"Comfortaa",sans-serif;line-height:1.25}.Project .project-link,.Project .project-media,.Project .project-meta{opacity:0;top:50px}@media (max-width:1399px){.Project.Project--expanded .project-content{overflow-y:scroll;padding-bottom:150px}}.Project.Project--expanded .project-link,.Project.Project--expanded .project-media,.Project.Project--expanded .project-meta{top:0;opacity:1}.Project .project-header{text-shadow:2px 1px 2px rgba(0,0,0,.25)}.Project .project-header h2{font-family:"Chango",sans-serif;letter-spacing:2px;margin:0 0 5px;font-weight:400}@media (max-width:767px){.Project .project-header h2{font-size:1.2rem}}@media (max-width:1399px){.Project .project-header h2{font-size:1.25rem}}@media (min-width:1600px){.Project .project-header h2{padding-right:70px}}.Project .project-header h3{margin:0 0 5px;font-size:.87rem;line-height:1.45;letter-spacing:1px}@media (min-width:768px){.Project .project-header h3{font-size:1rem}}@media (min-width:1400px){.Project .project-header h3{margin-bottom:0}}.Project .project-header .project-link{display:inline-block}.Project .project-header .project-link a{color:#80c6ff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}@media (min-width:768px){.Project .project-header .project-link a{font-size:.73rem}}@media (min-width:1200px){.Project .project-header .project-link a{font-size:.78rem}}.Project .project-header .project-link a:active,.Project .project-header .project-link a:hover{color:#fff}@media (min-width:1400px){.Project .project-header .project-link{margin:10px 0}}.touchevents .Project .project-header .project-link.project-flash-site{display:none}.Project.Project--expanded .project-header{padding-bottom:15px;border-bottom:1px dashed #fff}.Project .btn{text-shadow:2px 1px 2px rgba(0,0,0,.25);background-color:transparent;text-decoration:none;text-align:center;color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-family:"Comfortaa",sans-serif;box-shadow:0 1px 3px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.45);border:1px dashed #fff;border-radius:10px;margin-right:6px;padding:6px 6px 4px;min-width:70px;transition:all .5s ease;cursor:pointer}.Project .btn:focus{outline:0;outline:none}.Project .project-nav{position:absolute;bottom:100%;padding:0 30px}.Project .project-nav .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1400px){.Project .project-nav .btn-toggle{display:none}}@media (max-width:1399px){.Project .project-nav .btn-close{display:none}}.Project .project-nav .btn-close:hover,.Project .project-nav .btn-gallery:hover,.Project .project-nav .btn-toggle:hover{background-color:rgba(205,105,11,.5)}.Project .project-nav .btn-prev:not(:disabled):hover{background-color:rgba(82,165,107,.5)}.Project .project-nav .btn-next:not(:disabled):hover{background-color:rgba(68,151,203,.5)}.Project .project-nav .btn:disabled{color:grey}.Project .project-meta{position:relative;padding-bottom:25px;font-size:.95rem;line-height:1.45;transition:all .5s ease}.Project .project-meta h4{margin:0;padding:0;font-weight:400}.Project .project-meta h4:first-child{margin-top:10px}.Project .project-meta h4 span{font-weight:600}.Project .project-meta ul{margin:0;padding:0}.Project .project-meta li{display:inline-block}.Project .project-media ul{display:grid;grid-gap:15px;margin:0;padding:0;list-style-type:none}@media (min-width:1000px){.Project .project-media ul{grid-template-columns:1fr 1fr}}.Project .project-media .thumbnail{transition:all .5s ease;overflow:hidden}.Project .project-media .project-media-cover{border:1px dashed #fff;padding:10px;cursor:pointer}.Project .project-media .project-media-cover .wrapper{position:relative;max-height:140px;overflow:hidden}@media (min-height:760px){.Project .project-media .project-media-cover .wrapper{max-height:180px}}@media (min-height:850px){.Project .project-media .project-media-cover .wrapper{max-height:400px}}.Project .project-media .project-media-cover .wrapper .btn-wrap{display:block;position:absolute;height:100%;width:100%;top:0;left:0;background-color:transparent}.Project .project-media .project-media-cover .wrapper .btn-wrap .btn{display:inline-block;background-color:rgba(0,0,0,.7);position:absolute;font-size:.8rem;line-height:1;padding:10px 10px 8px;transform:translate(-50%,-50%);left:50%;top:50%;z-index:999}.Project .project-media .project-media-cover .overlay{box-shadow:0 1px 3px 1px rgba(0,0,0,.25);background-color:#000;position:absolute;top:0;width:100%;height:100%;transition:all .5s ease;opacity:.3}.Project .project-media .project-media-cover img{display:block;max-width:100%;width:100%}.Project .project-media .project-media-cover:hover .overlay{opacity:.55}.Project.Project--gallery .project-media-cover .btn{display:none}.Project .project-gallery{background-color:rgba(0,0,0,.85);position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.Project .project-gallery .slider-list,.Project .project-gallery .slider-slide{width:100%!important;height:100%!important}.Project .project-gallery .image-wrapper,.Project .project-gallery .video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.Project .project-gallery .image-wrapper>img,.Project .project-gallery .video-wrapper>iframe{display:block;margin:0 auto}.Project .project-gallery .image-wrapper>img{max-width:100%!important;width:100%;height:auto}@media (min-width:1400px){.Project .project-gallery .image-wrapper>img{max-width:none!important;width:auto!important;max-height:100%}}.Project .project-gallery .slider-control-centerleft,.Project .project-gallery .slider-control-centerright{z-index:999}.Project .project-gallery .slider-control-centerleft button,.Project .project-gallery .slider-control-centerright button{padding-top:0!important;padding-bottom:0!important;height:32px;line-height:32px}.Project .track-vertical{width:10px!important;right:0;top:0;background-color:rgba(0,0,0,.35);border-radius:6px;height:100%}.Project .thumb-vertical{background-color:rgba(68,151,203,.5);border-radius:6px;border:1px dashed #fff;box-sizing:border-box}.Project .react-fancybox .box{width:100vw;height:110vh;z-index:999999}.Portfolio,.Scene,.scene-wrapper{width:100vw;height:100vh}.Scene{display:flex;justify-content:center;z-index:1}.Scene canvas{pointer-events:none}.Scene.Scene-ready canvas{pointer-events:all;cursor:grab!important;cursor:-webkit-grab!important}.Scene.Scene-ready canvas.active-grab,.Scene.Scene-ready canvas:active{cursor:grabbing!important;cursor:-webkit-grabbing!important}.Portfolio{position:absolute;bottom:0;left:0;box-sizing:border-box;display:flex;justify-content:center;z-index:1}.Portfolio .portfolio-wrapper{width:30%;margin-top:220px;padding-bottom:20px;max-width:450px}@media screen and (min-width:1000px){.Portfolio .portfolio-wrapper{position:absolute;margin-top:0;height:125px;width:30%}}@media screen and (min-width:1200px){.Portfolio .portfolio-wrapper{padding-bottom:0;height:auto}}.Portfolio .portfolio-wrapper>div{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}@media screen and (min-width:768px){.Portfolio .portfolio-wrapper>div{flex-direction:row}}.Portfolio .portfolio-wrapper:before{content:"";display:block;position:absolute;top:50%;width:100%;height:1px;background-color:#fff;z-index:1;opacity:0;transition:all .5s ease-out}@media screen and (min-width:1200px){.Portfolio .portfolio-wrapper:before{opacity:1}}.Portfolio .Resume{font-family:"Comfortaa",sans-serif;margin-top:60%;width:100%;color:#fff}.Portfolio .projects{list-style-type:none}.Portfolio .projects .item-images{display:none}.Portfolio .item{position:relative;transition:all 4s ease-out;margin:10px 0;cursor:pointer;z-index:2}@media screen and (min-width:1000px){.Portfolio .item{margin:0}}.Portfolio .item-wrap{position:absolute;top:0;left:0;border-radius:50%;overflow:hidden;transform:scale(1);transition:all .5s ease-in-out;z-index:9}.Portfolio .item-wrap:hover{transform:scale(1.3)}.Portfolio .item-frame{position:relative;background-position:50%;background-size:100%;background-color:#fff;border-radius:50%;overflow:hidden;opacity:.9;transform:scale(1);transition:all .5s ease-in-out;z-index:9}.Portfolio .item-frame .item-text{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;background-color:rgba(80,20,20,.7);transition:all .5s ease;text-align:center;text-transform:uppercase;font-weight:700;font-size:.5rem;color:#fff}.Portfolio .item-frame .item-text span{max-width:50%}.Portfolio .item-frame:hover{background-size:150%;opacity:1}.Portfolio .item-frame:hover .item-text{opacity:1}.Portfolio .item-link-wrap{overflow:visible}.Portfolio .item-link,.Portfolio line{stroke:#fff;stroke-width:1}body,html{background-color:#352f39}body{overflow-x:hidden}.App{position:fixed;height:100vh;width:100vw;transition:background .5s ease-in-out}.App.App-home,.App[data-active-view=home]{background-color:#95dcc0}.App.App-explore,.App.App-explore[data-active-view=explore]{background-color:#70bce3}.App.App-about.App-connect[data-active-view=about],.App.App-about[data-active-view=about],.App.App-about[data-active-view=connect]{background-color:#e39f4d}.App.App-connect.App-about[data-active-view=connect],.App.App-connect[data-active-view=about],.App.App-connect[data-active-view=connect]{background-color:#eae96d}.App .app-cover{position:absolute;min-height:100vh;width:100vw}.App .app-wrapper{position:relative;height:100%}
/*# sourceMappingURL=main.17126f0f.chunk.css.map */