html{font-size:10px}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{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:10px;line-height:1}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}@keyframes wave{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-12px) rotate(-10deg)}30%{transform:translateX(6px) rotate(10deg)}45%{transform:translateX(-6px) rotate(-5.5555555556deg)}60%{transform:translateX(3.6363636364px) rotate(3.3333333333deg)}75%{transform:translateX(-2.1818181818px) rotate(-2deg)}}@keyframes blink{0%{opacity:0}24%{opacity:0}25%{opacity:1}74%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes slide{0%{padding-left:0}to{padding-left:5px}}@keyframes heartbeat{0%,50%,to{transform:scale(1)}30%,80%{transform:scale(.92,.95)}}.desktop{visibility:visible}.mobile{visibility:hidden}.mobileMenuButton{color:#fff;cursor:pointer;display:block;font-size:2em;font-weight:100;padding:1em 0 1em 1em;position:absolute;right:.8em;top:.8em;z-index:3}.mobileMenu{background-color:#000;box-shadow:-8px 0 17px 5px #0000006b;height:1000px;padding-top:4em;position:absolute;right:-300px;top:5em;transition:right .5s ease;z-index:1}.mobileMenu nav ul{display:block}.mobileMenu nav ul li{padding:1em 1em 1em 5em;text-align:right}.mobileMenu.active{right:0}@media only screen and (max-width:1300px){.desktop{visibility:hidden}.mobile{visibility:visible}body header .inner-header .container{width:70%}body header .inner-header .container nav ul{background:#000;display:block;position:absolute;right:0;top:0;width:18em}body header .inner-header .container nav ul li{border-color:#5e5e5e;padding:1em;text-align:right}body article{padding-top:1em}}@media only screen and (max-width:1100px){article .introduction .profile{width:25%}}@media only screen and (max-width:1000px){article .resume .resume-container .resume-item .resume-item-headline{display:block}article .resume .resume-container .resume-item .resume-item-headline .job-employer{margin-bottom:1em;text-align:center}article .resume .resume-container .resume-item .resume-item-headline .job-title-and-date{display:flex;justify-content:center}article .resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-date,article .resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-title{padding:0 1em}article .resume .resume-container .resume-item .job-highlights{grid-row-gap:1em;grid-template-columns:repeat(2,1fr)}article .education .education-container{display:block}article .education .education-container .education-item{margin:0 auto 1em;max-width:309px}article .portfolioProjectsList{display:block}}@media only screen and (max-width:800px){article .introduction{display:block}article .introduction .introduction-text{width:100%}article .introduction .introduction-text .introduction-small{text-align:center}article .introduction .introduction-text .introduction-large{font-size:38px}article .introduction .introduction-text .introduction-details{margin-bottom:2em}article .introduction .profile{margin:0 auto;width:35%}article .portfolio .portfolio-container{display:block}article .portfolio .portfolio-container .portfolio-item{margin:0 auto;max-width:90%}article .skills .skills-container .skills-title{text-align:center}article .skills .skills-container .skill-block{grid-template-columns:repeat(2,1fr)}article .resume .resume-and-linkedIn{display:block}article .resume .resume-and-linkedIn a{margin:0 auto 1em}article .resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-date,article .resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-title{padding:0 .5em}}.carouselContainer .closeButton:hover{cursor:pointer}.carouselContainer .carousel .carousel-status{background:#000000bf;font-size:1em;right:1em;top:1em}.carouselContainer .carousel .control-dots{display:none}.carouselContainer .carousel .slide{background:none;border:1em solid #000;border-radius:0 1em}.carouselContainer .carousel .slide .legend{font-size:1em;opacity:.75!important}.carouselContainer .carousel .thumbs-wrapper{margin-bottom:0}.carouselContainer .carousel .thumbs-wrapper .thumbs{text-align:center}nav{min-height:4em}nav ul{display:flex;justify-content:space-evenly}nav ul li{border-bottom:2px solid #000;color:#fff;cursor:pointer;font-size:2em;font-weight:100;padding-bottom:2px}nav ul li span{display:block;font-size:.5em;text-align:right}nav ul li:hover{border-bottom:2px solid red;color:red;font-weight:200}.introduction{display:flex}.introduction .introduction-text,.introduction .profile{box-sizing:border-box;padding:0 3%}.introduction .introduction-text{width:70%}.introduction .introduction-text .introduction-small{font-size:26px;margin-bottom:1em}.introduction .introduction-text .introduction-small span{animation:wave 2.5s infinite;display:inline-block;font-size:1.7rem}.introduction .introduction-text .introduction-large{font-size:40px;font-weight:600;line-height:45px;margin-bottom:.5em}.introduction .introduction-text .introduction-large .introduction-highlight{color:red;font-weight:900}.introduction .profile{width:30%}.introduction .profile img{border:20px solid #000;border-radius:50%;width:100%}.portfolio .portfolio-container{display:flex;justify-content:space-around}.portfolio .portfolio-container .portfolio-item{background-size:cover;border-radius:0 1em;box-shadow:3px 3px 8px #0000004d;color:#fff;flex:40% 1;max-width:40%;text-align:center;text-shadow:4px 4px 2px #000}.portfolio .portfolio-container .portfolio-item .inner-text{font-size:1.9em;font-weight:600;line-height:1.2em;margin:10% 4%;padding:9% 0}.portfolio .portfolio-container .portfolio-item.dev-design{background-image:url(/static/media/icon_portfolio_devDesign.5c1ef23055d3ff55180f.jpg)}.portfolio .portfolio-container .portfolio-item.dev-design:hover{background-image:url(/static/media/icon_portfolio_devDesign_hover.df7b1488c19ed2e11689.jpg)}.portfolio .portfolio-container .portfolio-item.ux-ui{background-image:url(/static/media/icon_portfolio_uxui.58aa26dbb648bfd75a24.jpg)}.portfolio .portfolio-container .portfolio-item.ux-ui:hover{background-image:url(/static/media/icon_portfolio_uxui_hover.b2efc23c36ff25a44ba3.jpg)}.portfolio .portfolio-container .portfolio-item:hover{color:#000;cursor:pointer;text-shadow:1px 1px 0 #fff}.portfolio .portfolio-container .portfolio-item:nth-child(2n){border-radius:1em 0}.portfolioProjectsList{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.portfolioProjectsList .portfolioItem{border-radius:0 1em;box-shadow:3px 3px 8px #0000004d;box-sizing:border-box;margin:1em;padding:1em}.portfolioProjectsList .portfolioItem .project-name{color:#fff;font-size:1.4em;font-weight:600;line-height:1em;margin-bottom:.5em}.portfolioProjectsList .portfolioItem .project-name a{color:#fff;text-decoration:none}.portfolioProjectsList .portfolioItem .project-name a:hover{animation:slide .5s}.portfolioProjectsList .portfolioItem .iframeWrapper,.portfolioProjectsList .portfolioItem .photoWrapper{margin:1em 0}.portfolioProjectsList .portfolioItem .iframeWrapper iframe,.portfolioProjectsList .portfolioItem .iframeWrapper img,.portfolioProjectsList .portfolioItem .photoWrapper iframe,.portfolioProjectsList .portfolioItem .photoWrapper img{width:100%}.portfolioProjectsList .portfolioItem .iframeWrapper img,.portfolioProjectsList .portfolioItem .photoWrapper img{cursor:pointer}.portfolioProjectsList .portfolioItem .iframeWrapper iframe,.portfolioProjectsList .portfolioItem .photoWrapper iframe{height:250px}.portfolioProjectsList .portfolioItem .project-details .top-details{font-size:1.4em;line-height:1.3em}.portfolioProjectsList .portfolioItem .project-details .top-details span{font-weight:600}.portfolioProjectsList .portfolioItem .project-details .top-details .view-slides,.portfolioProjectsList .portfolioItem .project-details .top-details a{color:#fff;text-decoration:none}.portfolioProjectsList .portfolioItem .project-details .top-details .view-slides:hover,.portfolioProjectsList .portfolioItem .project-details .top-details a:hover{animation:slide .5s}.portfolioProjectsList .portfolioItem .project-details .top-details .view-slides{cursor:pointer;margin-bottom:.5em}.portfolioProjectsList .portfolioItem .project-details .description{margin-bottom:1em}.portfolioProjectsList .portfolioItem:nth-child(2n){border-radius:1em 0}.portfolioProjectsList .portfolioItem:nth-child(4n+1){background-color:#99f}.portfolioProjectsList .portfolioItem:nth-child(4n+2){background-color:#30a8ff}.portfolioProjectsList .portfolioItem:nth-child(4n+3){background-color:#419a35}.portfolioProjectsList .portfolioItem:nth-child(4n+4),.portfolioProjectsList .portfolioItem:nth-child(4n+5){background-color:#61dafb}.portfolioProjectsList .portfolioItem:nth-child(4n+6){background-color:#e4a125}.portfolioProjectsList .portfolioItem:nth-child(4n+7){background-color:#e44d26}.portfolioProjectsList .portfolioItem:nth-child(4n+8){background-color:#cd669a}.portfolioProjectsList .portfolioItem:nth-child(4n+9){background-color:#ff61f6}.portfolioProjectsList .portfolioItem:nth-child(4n+10){background-color:#a259ff}.portfolioProjectsList .portfolioItem span.noshow{background-color:#a259ff;background-color:#ff61f6;background-color:#e44d26;background-color:#cd669a;background-color:#e4a125;background-color:#61dafb;background-color:#419a35;background-color:#30a8ff;background-color:#e94869;background-color:#99f}.skills{padding-top:1em}.skills .skills-container{margin-bottom:3em;padding:0 1em}.skills .skills-container .skills-title{font-size:2em;margin-bottom:.5em}.skills .skills-container .skill-block{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.skills .skills-container .skill-block .skill-item{border-radius:0 1em;box-shadow:3px 3px 8px #0000004d;color:#fff;font-size:1.25em;margin:1em;padding:1em 0;text-align:center}.skills .skills-container .skill-block .skill-item .skill-icon{color:#fff;margin:0 auto .5em;width:59.5px}.skills .skills-container .skill-block .skill-item .skill-icon svg{fill:#fff;height:55px}.skills .skills-container .skill-block .skill-item:nth-child(2n){border-radius:1em 0}.skills .skills-container.uxui .skills-title,.skills .skills-container.uxui .skills-title svg{color:#1bc3b6}.skills .skills-container.uxui .skill-item.figma{background-color:#a259ff}.skills .skills-container.uxui .skill-item.adobexd{background-color:#ff61f6}.skills .skills-container.uxui .skill-item.sketch{background-color:#fdad00}.skills .skills-container.uxui .skill-item.uxpin{background-color:#000}.skills .skills-container.code .skills-title,.skills .skills-container.code .skills-title svg{color:#00a6f4}.skills .skills-container.code .skill-item.html{background-color:#e44d26}.skills .skills-container.code .skill-item.sass{background-color:#cd669a}.skills .skills-container.code .skill-item.vue{background-color:#42b883}.skills .skills-container.code .skill-item.javascript{background-color:#e4a125}.skills .skills-container.code .skill-item.react{background-color:#61dafb}.skills .skills-container.code .skill-item.node{background-color:#419a35}.skills .skills-container.code .skill-item.github{background-color:#000}.skills .skills-container.design .skills-title,.skills .skills-container.design .skills-title svg{color:#b84d0b}.skills .skills-container.design .skill-item.photoshop{background-color:#30a8ff}.skills .skills-container.design .skill-item.illustrator{background-color:#ff9a00}.skills .skills-container.design .skill-item.indesign{background-color:#e94869}.skills .skills-container.design .skill-item.aftereffects{background-color:#99f}.skills .skills-container.database .skills-title,.skills .skills-container.database .skills-title svg{color:#ff9a00}.skills .skills-container.database .skill-item.access{background-color:#881421}.skills .skills-container.database .skill-item.sql{background-color:#1ebbee}.skills .skills-container.database .skill-item.tableau{background-color:#e8762c}.resume{position:relative}.resume .section-title{margin-bottom:1em}.resume .resume-and-linkedIn{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr;margin:1em 0 2em}.resume .resume-and-linkedIn a{background-color:#1e90ff;border-radius:1em;box-shadow:3px 3px 8px #0000004d;color:#fff;display:block;font-size:1.4em;padding:1em;text-align:center;text-decoration:none;width:320px}.resume .resume-and-linkedIn a:hover{background-color:#61dafb;box-shadow:none}.resume .resume-container{color:#fff;position:relative;z-index:1}.resume .resume-container .resume-item{border-radius:0 1em;box-shadow:3px 3px 8px #0000004d;box-sizing:border-box;margin-bottom:2em;padding:2em 1.4em}.resume .resume-container .resume-item .resume-item-headline{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr}.resume .resume-container .resume-item .resume-item-headline .job-employer{font-size:2em;font-weight:600;line-height:1.15em;text-shadow:1px 2px 1px #000}.resume .resume-container .resume-item .resume-item-headline .job-employer span{display:block}.resume .resume-container .resume-item .resume-item-headline .job-title-and-date{font-size:1.25em}.resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-title{display:flex;margin-bottom:.5em}.resume .resume-container .resume-item .resume-item-headline .job-title-and-date .job-date{display:flex;font-style:italic}.resume .resume-container .resume-item .resume-item-headline .job-title-and-date svg{font-size:1.5em;margin-right:10px;width:2em}.resume .resume-container .resume-item .job-highlights{grid-column-gap:30px;color:#000;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;margin:2em 0}.resume .resume-container .resume-item .job-highlights li{background-color:#fff;border-radius:1em;font-weight:600;padding:.5em;text-align:center}.resume .resume-container .resume-item .job-details{margin-bottom:10px}.resume .resume-container .resume-item .job-details a{color:#fff}.resume .resume-container .resume-item .job-details strong{font-weight:800}.resume .resume-container .resume-item:nth-child(2n){border-radius:1em 0}.resume .resume-container .resume-item.scdhhs{background-color:#6c6acc}.resume .resume-container .resume-item.graybear{background-color:#cb7343}.resume .resume-container .resume-item.ironyard{background-color:#96cb43}.resume .resume-container .resume-item.cyberwoven{background-color:#43cbc9}.education .education-container{grid-column-gap:10em;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.education .education-container .education-item{background-color:#b3a369;border-radius:0 1em;box-shadow:3px 3px 8px #0000004d;color:#fff;display:flex;font-size:1.25em;margin-bottom:10%;padding:1em}.education .education-container .education-item .education-icon{width:100px}.education .education-container .education-item .education-icon img,.education .education-container .education-item .education-icon svg{fill:#fff;height:50px}.education .education-container .education-item .education-icon img{margin-right:20px}.education .education-container .education-item:nth-child(2n){border-radius:1em 0}.education .education-container .education-item.midlands{background-color:#133b5d}.education .education-container .education-item.microsoft{background-color:#0067b8}.education .education-container .education-item.scrum{background-color:#c75129}.contact{padding:0 1em}.contact .cog-label{background:red}.contact textarea{height:250px!important;resize:none!important}.contact button[type=submit]{background-color:#1e90ff!important;border:none!important}.contact button[type=submit]:hover{background-color:#61dafb!important}.hide{display:none}body{background-color:#fff;color:#000;font-family:proxima-nova,sans-serif;font-style:normal;font-weight:400}body .container{display:block;margin:0 auto;max-width:1024px}body .App{overflow:hidden}body .App header{left:0;position:sticky;top:0;width:100%;z-index:2}body .App header .inner-header{background-color:#000;padding-top:2.5%}body .App header .inner-header img{cursor:pointer;left:20px;position:absolute;top:20px;width:13%}body .App header svg{fill:#000}body .App article{font-size:18px;line-height:24px;position:relative;z-index:1}body .App article .section{margin-bottom:2em;scroll-margin-top:120px}body .App article .section .section-title{font-size:2em;font-weight:600;line-height:1em;margin-bottom:2em;text-align:center}body .App article .section .section-title span.code{background-color:#000;color:#fff;display:inline-block;padding:.5em 1em;position:relative;transition:1s}body .App article .section .section-title span.code .blue{color:#189fff}body .App article .section .section-title span.code .yellow{color:#ddddab}body .App article .section .section-title span.code .red{color:#ce9077;letter-spacing:2px}body .App article .section .section-title span.code .cursor{animation:blink 1s infinite;color:#666;font-size:1.5em;position:absolute;right:24px;top:21px}body .App footer{font-size:1.5em;padding-bottom:50px;text-align:center}body .App footer svg{fill:red;animation:heartbeat 1.5s ease 0s infinite;height:20px;width:30px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{background:#000;margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;position:absolute;text-align:center;width:100%}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}
/*# sourceMappingURL=main.0772d199.css.map*/