@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/roboto-latin-100.3cfbf50e.woff2) format("woff2"),url(/roboto-latin-100.a4ef84d8.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/roboto-latin-100italic.415b81b5.woff2) format("woff2"),url(/roboto-latin-100italic.f9615757.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/roboto-latin-300.5534fad5.woff2) format("woff2"),url(/roboto-latin-300.3b50b948.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/roboto-latin-300italic.3e9da0ee.woff2) format("woff2"),url(/roboto-latin-300italic.ab75fc57.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/roboto-latin-400.fc5bb7d7.woff2) format("woff2"),url(/roboto-latin-400.9c28f6f8.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/roboto-latin-400italic.7778d64e.woff2) format("woff2"),url(/roboto-latin-400italic.814e27c6.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/roboto-latin-500.2bf8a2a2.woff2) format("woff2"),url(/roboto-latin-500.7044024a.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/roboto-latin-500italic.24b297fa.woff2) format("woff2"),url(/roboto-latin-500italic.a9dc203d.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/roboto-latin-700.d89c9e5f.woff2) format("woff2"),url(/roboto-latin-700.22782a3f.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/roboto-latin-700italic.1781f5b3.woff2) format("woff2"),url(/roboto-latin-700italic.f4f278f8.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/roboto-latin-900.b5d137f0.woff2) format("woff2"),url(/roboto-latin-900.c877664a.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/roboto-latin-900italic.43718c88.woff2) format("woff2"),url(/roboto-latin-900italic.95caeb86.woff) format("woff")}@import url(https://fonts.googleapis.com/css?family=Exo + 2:200i);:root{--neon-text-color:#999;--neon-border-color:#d2a100}.dark-back{background-color:rgba(2,22,39,.88)}.dark-back,.dark-back-off{border-radius:20px;padding:4px}.dark-back-off{background-color:rgba(31,36,39,.88)}.neon{color:#fff;border:2px solid #ffc400;font-size:30px;font-weight:300;font-style:italic;padding:14px 28px;border-radius:16px;text-transform:uppercase}.neon-on{animation:flicker 1.5s infinite alternate}.neon-off{animation:unset;color:#eee;border-color:#ffc400}.neon::-moz-selection{background-color:var(--neon-border-color);color:var(--neon-text-color)}.neon::selection{background-color:var(--neon-border-color);color:var(--neon-text-color)}.neon:focus{outline:none}.neon:after{width:25px;height:25px;top:-12px;left:46%;border:1px solid #424242;border-right:none;border-bottom:none;transform:rotate(45deg)}.neon:after,.neon:before{content:"";position:absolute}.neon:before{width:5px;height:5px;top:-18px;left:51%;z-index:5;border-radius:50% 50%;background:#000}.swing{animation-name:swing;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1s;animation-duration:8s;transform-origin:center -20px;float:left;box-shadow:5px 5px 10px rgba(0,0,0,.5)}.swing img{border:5px solid #f8f8f8;display:block}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-1px -1px 0 #fff,1px 1px 2px #fff,0 0 8px var(--neon-text-color),0 0 8px var(--neon-text-color),0 0 10px var(--neon-text-color),0 0 12px var(--neon-text-color),0 0 18px var(--neon-text-color);box-shadow:0 0 8px #fff,inset 0 0 2px #fff,0 0 12px var(--neon-border-color),inset 0 0 6px var(--neon-border-color),0 0 20px var(--neon-border-color),inset 0 0 12px var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}@keyframes swing{8%{transform:rotate(6deg)}17%{transform:rotate(-4deg)}28%{transform:rotate(3deg)}39%{transform:rotate(-2deg)}46%{transform:rotate(0deg)}}#light-switch{display:none}.switch:after,.switch:before{transition:.2s ease-in-out}#light-switch:checked~#light-switch-label{box-shadow:0 2px 2px #ccc}#light-switch:checked~#light-switch-label .switch{box-shadow:0 10px 10px -5px #ccc,0 0 0 1px rgba(0,0,0,.1),0 0 0 4px #eee,0 0 0 5px rgba(0,0,0,.1)}#light-switch:checked~#light-switch-label .switch:before{height:20px;top:0;line-height:15px;background:#eee;color:#3a3a3a;text-shadow:0 0 3px #bbb}#light-switch:checked~#light-switch-label .switch:after{height:15px;bottom:5px;line-height:15px;background:#fff;box-shadow:0 5px 0 #ccc;color:#ccc;text-shadow:0 0 0 transparent}#light-switch-label{font-size:8px;position:relative;display:block;height:75px;width:50px;z-index:1;background-color:#eee;border-radius:3px;box-shadow:0 0 2px 0 rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.2)}#light-switch-label .switch{cursor:pointer;height:34px;width:20px;background:#f5f5f5;position:absolute;top:calc(50% + 8px);left:calc(50% + 8px);margin:-25px 0 0 -18px;border-radius:2px;overflow:hidden;box-shadow:0 10px 10px -5px rgba(233,219,176,0),0 0 0 1px rgba(0,0,0,.1),0 0 0 4px #eee,0 0 0 5px rgba(0,0,0,.1)}#light-switch-label .switch:before{content:"ON";line-height:18px;top:2px;background:#ddd;color:#bbb;border-radius:5px 5px 0 0}#light-switch-label .switch:after,#light-switch-label .switch:before{display:block;position:absolute;height:17px;text-align:center;width:20px;left:0}#light-switch-label .switch:after{content:"OFF";line-height:15px;bottom:-2px;background:#eee;color:#3a3a3a;text-shadow:0 0 3px #bbb;border-radius:0 0 5px 5px}#light-switch-label .screw{position:absolute;height:6px;width:6px;border-radius:100%;left:calc(50% + 5px);margin-left:-8px;background:#fff;overflow:hidden;box-shadow:inset 0 2px 0 rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.2)}#light-switch-label .screw:before{content:"";display:block;position:absolute;height:100%;width:2px;left:50%;margin-left:-1px;background:rgba(0,0,0,.2)}#light-switch-label .screw:first-of-type{top:4px}#light-switch-label .screw:last-of-type{bottom:4px}#light-switch~#light-switch-label.switch-only{background-color:unset;box-shadow:unset;border:unset}body{color:#424242}a,a:visited,h1,h2,h4{color:#888}a{text-decoration:none}a:hover{color:#ffc400}.bounce-in{visibility:visible;-webkit-animation:bounce-in .4s;-moz-animation:bounce-in .4s;animation:bounce-in .4s}.content{margin:2rem auto}a.link-active{color:#ffc400;font-weight:400}h3{color:#484848;font-size:16px;font-weight:500;margin:unset}.main,.nav{padding:16px}@media only screen and (min-width:960px){.main,.nav{padding:32px}}.main{width:100%}@media only screen and (min-width:960px){.main{margin-left:350px}}.nav{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f8f8;width:100%}@media screen and (min-width:960px){.nav{position:fixed;top:0;bottom:0;width:350px;align-items:flex-end}}.nav .avatar{height:150px;width:150px;border-radius:50%;background:50%/cover no-repeat;margin-right:18px}@media only screen and (min-width:960px){.nav .avatar{margin-right:unset}}.nav .contact-links{padding-left:unset}.nav .contact-link{display:inline-block;margin-left:10px}.nav .icon{color:inherit}.nav .social-links-wrapper{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.nav #light-switch-root{position:absolute;top:-35px;left:-110px}.nav .location{color:#888;display:flex}.nav .location>.icon{margin-right:6px}.nav .neon-wrapper{position:fixed;top:50px;left:130px;display:none}@media only screen and (min-width:960px){.nav .neon-wrapper{display:inline;background-color:#f8f8f8}}.nav .name{color:#424242;font-size:1.75rem;font-weight:300;margin-bottom:0;margin-top:2rem}@media only screen and (min-width:600px){.nav .name{font-size:2rem}}@media only screen and (min-width:960px){.nav .name{font-size:1.75rem}}.nav .mini-bio{padding-bottom:1.5rem}.nav .location,.nav .subtitle{color:#888;font-size:.9rem;font-weight:300;padding-bottom:1rem;margin:0}@media only screen and (min-width:600px){.nav .location,.nav .subtitle{font-size:1rem}}@media only screen and (min-width:960px){.nav .location,.nav .subtitle{font-size:.95rem}}.nav .location,.nav .mini-bio,.nav .name,.nav .subtitle{text-align:center}@media only screen and (min-width:960px){.nav .location,.nav .mini-bio,.nav .name,.nav .subtitle{text-align:right}}.nav .item{display:inline;font-size:1.1rem;font-weight:300;padding:5px 0}.nav .item:after{color:#e0e0e0;content:"/";padding:0 10px}.nav .item:last-child:after{content:"";padding:unset}.nav .item>a{text-decoration:none}@media only screen and (min-width:600px){.nav .item{font-size:1.2rem}}@media only screen and (min-width:960px){.nav .item{font-size:1rem}.nav .item:after{padding:0 5px}}.nav .download-wrapper{display:flex;justify-content:center;margin:1rem 0}@media screen and (min-width:960px){.nav .download-wrapper{justify-content:flex-end}}@media print{.nav{display:none}}.home .header{border-bottom:2px solid #888;display:none}@media print{.home .header{display:inline}}.home .section{margin-bottom:3rem}.home .section-heading{border-bottom:1px solid #ffc400;color:#888;font-size:1.2rem;font-weight:300;line-height:2;margin-bottom:0;text-transform:uppercase}.home .lhs-col{width:100%}@media only screen and (min-width:960px){.home .lhs-col{width:300px}}.home .experience input[type=checkbox]{display:none}.home .experience .bullet{font-size:1rem}.home .experience .company-details{margin-bottom:1rem;align-items:center}@media only screen and (min-width:960px){.home .experience .company-details{align-items:unset}}.home .experience .description{border-left:1px solid #e0e0e0;margin:12px 0 0 2px;padding-left:12px;max-height:0;overflow:hidden;transition:max-height .25s ease-in-out}.home .experience .job{margin:1rem 0 2rem;padding:0 12px 0 6px}@media only screen and (min-width:960px){.home .experience .job{padding:unset}}.home .experience .logo{height:50px;margin:0 8px 0 16px;padding-right:12px}@media only screen and (min-width:1280px){.home .experience .logo{margin:unset}}.home .experience .title{display:block;cursor:pointer;transition:all .25s ease-out}.home .experience .title:hover{color:#ffc400}.home .experience .title:before{content:"";display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .2s ease-out}.home .experience .toggle:checked+.title+.description{max-height:100vh}.home .experience .toggle:checked+.title:before{transform:rotate(90deg) translateX(-3px)}.home .experience .url a{color:#ffc400;text-decoration:none}.home .projects .details{flex-direction:row;justify-content:space-between;align-items:flex-start;margin:1rem 0 .5rem}@media only screen and (min-width:960px){.home .projects .details{flex-direction:column;margin:unset}}.home .projects .icon{font-size:12px;margin:0 4px}@media only screen and (min-width:960px){.home .projects .icon{font-size:16px;margin:2px 8px 2px 0}}.home .projects .image-thumb{background-color:#f8f8f8;border:1px solid #e0e0e0;padding:5px;cursor:pointer;width:100%}.home .projects .keywords{font-weight:700;font-style:italic}.home .projects .links{margin:0;text-align:right;justify-content:flex-end}@media only screen and (min-width:960px){.home .projects .links{flex-direction:column;margin:6px 0;text-align:left}}.home .projects .links a{margin-left:4px}@media only screen and (min-width:960px){.home .projects .links a{margin:3px 0}}.home .projects .links p{font-size:10px}@media only screen and (min-width:960px){.home .projects .links p{font-size:14px}}.home .projects .project{margin:1rem 0 .5rem}.resume{position:relative}.resume h1,.resume h2,.resume h3{color:#555}.resume h1{font-size:24pt;font-weight:700;margin:unset}.resume h2{font-size:16pt;margin-bottom:1rem}.resume h3{border-bottom:1px solid #ccc;font-size:14pt;font-weight:400;margin:1.25rem 0 .75rem;padding-bottom:4px}.resume p,.resume ul{font-size:10.5pt;letter-spacing:.01px;line-height:1.3;font-weight:300}.resume ul{margin:6px 12px;padding:0}.resume li{line-height:1.35;letter-spacing:unset;margin-bottom:6px}.resume .page{border:1px solid #ccc;border-radius:unset;width:21cm;height:29.7cm;padding:.8cm .8cm 1.5cm;margin:0 auto 65px;overflow:hidden}@media print{.resume .page{border:unset;box-shadow:unset;width:100%;max-width:unset;height:unset;padding:unset;margin-right:unset}}.resume .page-break{page-break-after:always}.resume .lhs-col{flex:1}.resume .lhs-col .left-column{max-width:14mm}.resume .rhs-col{flex-basis:5.2cm}.resume .rhs-col p{font-size:10pt}.resume .rhs-col .field{font-weight:500;line-height:12pt}.resume .rhs-col .value{margin-bottom:.65rem}.resume .job,.resume .project{margin:.5rem 0}.resume .job-details,.resume .project-details{padding-left:4px}.resume .date{font-size:10pt;line-height:12pt}.resume .project-text,.resume .title{margin-bottom:3px}.resume .role{font-weight:400;font-size:12pt;line-height:12pt;margin-bottom:1rem}.resume .subtitle{color:#555;font-size:10.5pt;font-weight:300;line-height:12pt}.resume .link{font-size:10pt}.resume .leftDivider{border-left:1px solid #ccc;margin-left:.5rem;padding-left:.5rem}.resume .skill-category{font-weight:500;margin-bottom:4px}.resume .skill{font-weight:300;font-size:9.5pt;margin-bottom:6px;line-height:12pt}.card{padding:12px 18px;margin-bottom:3em;width:100%}.project-card{border:1px solid #e0e0e0;height:100%;display:flex;flex-direction:column}.project-card-content{display:flex;flex-direction:column;flex-grow:1}.project-card-section{margin-bottom:14px}.project-card-media{height:250px}.project-card-media-more{cursor:pointer}.project-carousel-img{height:255px;display:block;max-width:400px;overflow:hidden;width:100%}.project-description{flex-grow:1}.project-section-heading,h5.project-section-heading{margin:1rem 0 .5rem}.project-link{padding-right:1rem}.project-link-icon{color:#888;padding-right:5px}.project-modal-root{display:flex;align-items:center;justify-content:center}button.project-modal-close{color:#888;padding:12px 6px;position:absolute;top:0;right:0;font-size:12px;line-height:1;z-index:1}.project-modal{position:relative;width:600px;max-width:90vw;height:400px;max-height:80vh;background:#fff}.project-modal-contents{overflow:auto}.project-title-wrapper{background-color:#f8f8f8;color:#424242;padding:16px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}h3.project-title{font-weight:300;margin-right:1rem}.project-type-chip{text-transform:capitalize}.project-type-chip>span{color:#fff}p.stack-area{color:#888;margin-top:5px;text-transform:capitalize}li .resume-icon{color:#888;padding-right:10px;min-width:unset}.highlight span{font-weight:500}div.stack-area-chip{margin:4px 4px 4px 0}div.stack-area-chip.selected{color:#fff}.timeline{max-width:1280px;margin-top:unset}.timeline:before{border-radius:2px;left:calc(33% - 2px)}@media only screen and (max-width:960px){.timeline:before{left:9px}}.timeline-item-date{background:unset}@media only screen and (max-width:960px){.timeline-item-date{min-width:250px;margin-left:30px}}.timeline-item-dateinner{background:#f8f8f8;color:#484848;font-weight:400}.timeline-item-duties{padding:2px 0}.timeline-item-heading{padding-left:10px;border-left:1px solid #e0e0e0}.timeline-item-heading-wrapper{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:4px}.timeline-item-logo{height:60px;padding-right:10px}.timeline--wrapper{padding:unset}@media screen and (max-width:960px){.timeline--wrapper{margin-left:-12px;width:unset}}.entry .title{width:33%}@media only screen and (max-width:960px){.entry .title{float:left}}@media only screen and (max-width:960px){.entry .title:before{top:15%;left:3px;right:auto;z-index:99}}
/*# sourceMappingURL=/src.f2797c6e.css.map */