a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#3b3b3b;min-height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}.App{overflow:hidden;position:relative;font-family:Quicksand,"sans-serif"}.projectCont{background-color:grey;padding:44px 0}.projectSection{width:600px;height:500px;margin:0 auto 44px;background-color:#fff;position:relative}.spinner{margin:0 auto;width:64px;height:40px;position:relative}.cube1,.cube2{background-color:#ff0;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cubemove 1.8s ease-in-out infinite;animation:sk-cubemove 1.8s ease-in-out infinite}.cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn)}}@keyframes sk-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}.navCont{padding:11px 0 0;position:fixed;width:100%;z-index:210;color:#e2e2e2;font-size:1.2em;background-color:transparent;-webkit-transition:all .3s linear;transition:all .3s linear}.navCont ul{display:flex;justify-content:space-around;-webkit-transition:width .3s linear;transition:width .3s linear}.navCont ul li{cursor:pointer;padding:11px;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.navCont ul li:hover{-webkit-transform:translate(5px);transform:translate(5px)}.navCont .navLine{height:1px;width:0;background-color:#e2e2e2;margin-top:0;position:absolute;-webkit-transition:width .5s linear;transition:width .5s linear}.navCont .navResume{position:absolute;background-color:#9c7235;display:none;padding:11px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:-1;top:49px;right:10px}.navCont .navResume svg{color:#e2e2e2;font-size:2.2em}.contForResume,.mainClipCont{position:relative}.mainClipCont{border-bottom:4px solid #e0a34d;box-sizing:content-box;height:100vh;min-height:575px;overflow-x:hidden;overflow-y:hidden;-webkit-perspective:2.5px;perspective:2.5px}.mainClipCont .parallax{background-image:url(/static/media/city2.8e38a0eb.jpg);content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateZ(-1.5px) scale(1.7);transform:translateZ(-1.5px) scale(1.7);background-size:cover;z-index:-1;background-attachment:scroll;background-repeat:no-repeat;background-position:top;will-change:background-position}.mainClipCont .downArr{height:10px;width:100%;z-index:50;position:absolute;bottom:40px;text-align:center;color:#e2e2e2;font-size:2.2em}.mainClipCont .downArr:hover{cursor:pointer}.mainClipCont .overlay{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:rgba(59,59,59,.77);position:absolute}.mainClipCont .overlay .introBox{width:80%;height:100%}.mainClipCont .overlay .introBox .topBox{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.mainClipCont .overlay .introBox .topBox img{width:300px;border-radius:50%;margin-top:44px}.mainClipCont .overlay .introBox .topBox .introText{display:flex;flex-direction:column;justify-content:center}.mainClipCont .overlay .introBox .topBox .introText h1{font-size:72px;color:#e0a34d;text-align:center}.mainClipCont .overlay .introBox .topBox .introText span{border-bottom:3px solid #e2e2e2;width:100%;height:5px;display:block;margin:30px 0}.mainClipCont .overlay .introBox .topBox .introText h2{font-size:2.2em;color:#e0a34d;text-align:center}@media screen and (max-height:800px) and (max-width:750px){.mainClipCont .overlay .introBox .topBox{justify-content:center}.mainClipCont .overlay .introBox .topBox img{width:200px;margin-top:44px}.mainClipCont .overlay .introBox .topBox .introText h1{font-size:50px}.mainClipCont .overlay .introBox .topBox .introText h2{font-size:30px}}@media screen and (min-width:750px){.mainClipCont .overlay .introBox{height:auto}.mainClipCont .overlay .introBox .topBox{flex-direction:row;justify-content:space-around}.mainClipCont .overlay .introBox .topBox .introText{width:300px}}@media screen and (min-width:1150px){.mainClipCont .overlay .introBox{width:920px}.mainClipCont .overlay .introBox .topBox .introText{width:450px}}.resumeCont{position:fixed;z-index:100;bottom:0;right:0;background-color:#e0a34d;padding:11px;border-top-left-radius:5px;border-top-right-radius:5px}.resumeCont svg{color:#e2e2e2;font-size:2.2em}@media screen and (min-width:750px){.resumeCont{background-color:unset;position:absolute;margin-bottom:5px}.resumeCont svg{position:-webkit-sticky;position:sticky;top:0}}.aboutCont{margin:88px 22px}.aboutCont p{color:#e2e2e2;margin-top:22px;line-height:1.5rem;margin-left:auto;-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform;font-family:Montserrat,sans-serif}.aboutCont button{border:1px solid #e0a34d;background-color:transparent;color:#e0a34d;border-radius:50px;display:block;font-weight:200;padding:5px 20px;outline:none}.aboutCont .titleContainer{display:flex;justify-content:space-between;align-items:center}.aboutCont .titleContainer h3{color:#e0a34d;font-size:2.2em;margin-right:22px;opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;will-change:opacity}.aboutCont .titleContainer span{display:inline-block;border-bottom:1px solid #e2e2e2;width:100%;position:relative;-webkit-transform:translate(100vw);transform:translate(100vw);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;will-change:transform}.aboutCont p{position:relative;opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}.aboutCont .aboutList{margin-left:auto;margin-top:22px}.aboutCont .aboutList p{margin-bottom:44px}.aboutCont .aboutList h2{position:relative;font-size:1.2em;color:#e0a34d}.aboutCont .aboutList h2 svg{position:absolute;left:-13px}@media screen and (min-width:1150px){.aboutCont{width:1106px;margin-left:auto;margin-right:auto}}.skillsCont{margin:88px 22px}.skillsCont p{color:#e2e2e2;margin-top:22px;line-height:1.5rem;margin-left:auto;-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform;font-family:Montserrat,sans-serif}.skillsCont button{border:1px solid #e0a34d;background-color:transparent;color:#e0a34d;border-radius:50px;display:block;font-weight:200;padding:5px 20px;outline:none}.skillsCont .titleContainer{display:flex;justify-content:space-between;align-items:center}.skillsCont .titleContainer h3{color:#e0a34d;font-size:2.2em;margin-right:22px;opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;will-change:opacity}.skillsCont .titleContainer span{display:inline-block;border-bottom:1px solid #e2e2e2;width:100%;position:relative;-webkit-transform:translate(100vw);transform:translate(100vw);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;will-change:transform}.skillsCont .svg-inline--fa{height:unset}.skillsCont p{position:relative;opacity:0;-webkit-transform:translate(20px);transform:translate(20px)}.skillsCont h2{color:#e2e2e2;margin:44px 0 22px auto;font-size:1.5em;text-shadow:0 0 3px #e0a34d;letter-spacing:1px;padding-bottom:5px;text-align:center}@media screen and (min-width:750px){.skillsCont h2{text-align:left}}.skillsCont .skillList{margin-top:22px;background-color:transparent;display:flex;padding:11px 0;flex-wrap:wrap;justify-content:space-between;margin-bottom:22px}.skillsCont .skillList .groupContainer{margin:22px 20px;width:35%;position:relative;-webkit-transform:translate(20px);transform:translate(20px);opacity:0;-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform}.skillsCont .skillList .groupContainer span{margin-top:5px;letter-spacing:1.3px;font-weight:600;display:block;width:100%;text-align:center;color:#e0a34d;text-shadow:0 7px 17px #000}.skillsCont .skillList .groupContainer .svgContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.skillsCont .skillList .groupContainer .svgContainer svg{margin:0 auto;width:50px}@media screen and (min-width:450px){.skillsCont .skillList{justify-content:flex-start}.skillsCont .skillList .groupContainer{width:33%;margin:22px 0}}@media screen and (min-width:1150px){.skillsCont{width:1106px;margin-left:auto;margin-right:auto}}.contactCont{margin:88px 22px}.contactCont p{color:#e2e2e2;margin-top:22px;line-height:1.5rem;margin-left:auto;-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform;font-family:Montserrat,sans-serif}.contactCont button{border:1px solid #e0a34d;background-color:transparent;color:#e0a34d;border-radius:50px;display:block;font-weight:200;padding:5px 20px;outline:none}.contactCont .titleContainer{display:flex;justify-content:space-between;align-items:center}.contactCont .titleContainer h3{color:#e0a34d;font-size:2.2em;margin-right:22px;opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;will-change:opacity}.contactCont .titleContainer span{display:inline-block;border-bottom:1px solid #e2e2e2;width:100%;position:relative;-webkit-transform:translate(100vw);transform:translate(100vw);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;will-change:transform}.contactCont p{position:relative;display:flex;flex-direction:column}.contactCont p svg{font-size:2.2em}.contactCont p a{color:#e0a34d}.contactCont p .socialLinks{margin-top:22px;padding-top:22px;display:flex}.contactCont p .socialLinks svg{margin-right:44px;color:#e2e2e2}.contactCont p .socialLinks svg:hover{color:#e0a34d}.contactCont .flexedForm{opacity:0;-webkit-transform:translate(20px);transform:translate(20px);-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear}.contactCont .emailToastCont{position:fixed;bottom:-75px;left:0;width:100%;opacity:0;-webkit-transition:bottom .5s linear;transition:bottom .5s linear}.contactCont .emailToastCont .emailToast{width:200px;margin:0 auto;text-align:center;background-color:#1d1d1d;padding:15px;border-radius:10px;color:#e0a34d;border:1px solid #e0a34d}.contactCont form{margin-top:22px}.contactCont form label{color:#e0a34d;font-size:1.2em;margin-bottom:10px;display:inline-block;font-weight:200}.contactCont form input,.contactCont form textarea{display:block;width:100%;border:1px solid #e2e2e2;background-color:#797979;font-size:1.2em;padding:5px 3px;color:#e2e2e2;border-radius:3px;resize:vertical}.contactCont form button{margin:22px auto;font-size:1.2em;cursor:pointer;-webkit-transition:background-color .3s linear,.3s linear;transition:background-color .3s linear,.3s linear}.contactCont form button:hover{background-color:#e0a34d;color:#3b3b3b}.contactCont form button:disabled{opacity:.3;pointer-events:none}.contactCont form .err{display:block;text-align:center;color:#fff;background-color:rgba(255,0,0,.39);width:100%;margin:11px auto 0;border-radius:5px}.contactCont .topInputs div{margin-bottom:44px}.contactCont .topInputs div .errEmail{background-color:rgba(255,0,0,.39);color:#fff;font-size:.8em;margin-left:10px;padding:0;border-radius:5px}@media screen and (min-width:450px){.contactCont .flexedForm form .err{width:321px}}@media screen and (min-width:750px){.contactCont .topInputs{display:flex;justify-content:space-between}.contactCont .topInputs div{width:45%}}@media screen and (min-width:1150px){.contactCont{width:1106px;margin-left:auto;margin-right:auto}.contactCont .flexedForm{display:flex;justify-content:space-between}.contactCont .flexedForm p{width:43%!important;margin-right:2%}.contactCont .flexedForm form{width:41.5%}}.projectsCont{margin:88px 22px}.projectsCont p{color:#e2e2e2;margin-top:22px;line-height:1.5rem;margin-left:auto;-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform;font-family:Montserrat,sans-serif}.projectsCont button{border:1px solid #e0a34d;background-color:transparent;color:#e0a34d;border-radius:50px;display:block;font-weight:200;padding:5px 20px;outline:none}.projectsCont .titleContainer{display:flex;justify-content:space-between;align-items:center}.projectsCont .titleContainer h3{color:#e0a34d;font-size:2.2em;margin-right:22px;opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;will-change:opacity}.projectsCont .titleContainer span{display:inline-block;border-bottom:1px solid #e2e2e2;width:100%;position:relative;-webkit-transform:translate(100vw);transform:translate(100vw);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;will-change:transform}.projectsCont .projectList .project{margin:44px auto 66px;position:relative;max-width:500px;opacity:0;-webkit-transform:translate(20px);transform:translate(20px);-webkit-transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,-webkit-transform .5s linear;transition:opacity .5s linear,transform .5s linear;transition:opacity .5s linear,transform .5s linear,-webkit-transform .5s linear;will-change:opacity,transform}.projectsCont .projectList .project .overlayCont{width:100%}.projectsCont .projectList .project .overlayCont img{width:100%;height:100%}.projectsCont .projectList .project .overlayCont .info{background-color:#1d1d1d;border:1px solid #e0a34d;width:100%;top:0;left:0;border-radius:10px;overflow:hidden;box-shadow:11px 11px 30px -8px #000;background-repeat:no-repeat;background-size:cover;background-position:50%}.projectsCont .projectList .project .overlayCont .info h5{font-size:13px;color:#9a9a9a;margin:15px 15px 5px;padding-left:1px;text-align:right}.projectsCont .projectList .project .overlayCont .info .infoFlex{display:flex;flex-direction:column;justify-content:space-between;height:93%}.projectsCont .projectList .project .overlayCont .info .infoFlex h4{margin:0 15px 15px;font-size:1.8em;color:#e0a34d}.projectsCont .projectList .project .overlayCont .info .infoFlex p{margin:15px;color:#e2e2e2}.projectsCont .projectList .project .overlayCont .info .infoFlex .infoBottom{bottom:0;font-size:.8em;justify-content:space-between;align-items:flex-end;width:100%}.projectsCont .projectList .project .overlayCont .info .infoFlex .infoBottom p{font-size:13px;color:#9a9a9a;margin-top:0}.projectsCont .projectList .project .overlayCont .info .infoFlex .infoBottom .links{display:flex;justify-content:flex-end}.projectsCont .projectList .project .overlayCont .info .infoFlex .infoBottom .links a{margin:15px;color:#e0a34d;font-size:2.2em}.projectsCont .projectList .project .overlayCont .imgCont{display:none;border-radius:10px;overflow:hidden;height:100%;justify-content:center}.projectsCont .projectList .project .overlayCont .imgCont img{width:600px}@media screen and (min-width:750px){.projectsCont .projectList .project{max-width:100%}.projectsCont .projectList .project .overlayCont{box-shadow:none;max-width:800px;margin:0 auto}.projectsCont .projectList .project .overlayCont .info{background-color:rgba(25,25,25,.88);z-index:100;height:auto;width:500px;left:unset;top:7%;position:absolute;background-image:none!important}.projectsCont .projectList .project .overlayCont .info h5{margin:15px 15px 0}.projectsCont .projectList .project .overlayCont .info .infoBottom{position:static;display:flex}.projectsCont .projectList .project .overlayCont .info .infoBottom p{margin-bottom:15px}.projectsCont .projectList .project .overlayCont .imgCont{display:flex;position:relative;width:600px;margin-left:auto;border-radius:5px}.projectsCont .projectList .project .overlayCont .imgCont .overlay{position:absolute;height:100%;width:100%;opacity:1;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;background:#e0a34d;background:linear-gradient(135deg,rgba(224,163,77,0),rgba(224,163,77,.267945) 25%,rgba(224,163,77,.637693) 50%,#e0a34d 95%)}.projectsCont .projectList .project .overlayCont .imgCont .overlay:hover{opacity:0;cursor:pointer}}@media screen and (min-width:1150px){.projectsCont{width:1106px;margin-left:auto;margin-right:auto}.projectsCont .projectList .project{max-width:100%}.projectsCont .projectList .project .overlayCont{max-width:1000px}}
/*# sourceMappingURL=main.60e17696.chunk.css.map */