:root{--react:#39aaff;--react-light:#86f1ff;--js:#ffaa39;--js-light:#ffd839;--html:#a939ff;--html-light:#e239ff;--node:#61d131;--node-light:#bbe677;--css:#ff398f;--css-light:#ff7789}.javascript{background:-webkit-linear-gradient(110deg,#ffd839,#ffaa39);background:linear-gradient(-20deg,#ffd839,#ffaa39);background:-webkit-linear-gradient(110deg,var(--js-light),var(--js));background:linear-gradient(-20deg,var(--js-light),var(--js))}.mysql{background:-webkit-linear-gradient(110deg,#e239ff,#a939ff);background:linear-gradient(-20deg,#e239ff,#a939ff);background:-webkit-linear-gradient(110deg,var(--html-light),var(--html));background:linear-gradient(-20deg,var(--html-light),var(--html))}.node{background:-webkit-linear-gradient(110deg,#bbe677,#61d131);background:linear-gradient(-20deg,#bbe677,#61d131);background:-webkit-linear-gradient(110deg,var(--node-light),var(--node));background:linear-gradient(-20deg,var(--node-light),var(--node))}.react{background:-webkit-linear-gradient(110deg,#86f1ff,#39aaff);background:linear-gradient(-20deg,#86f1ff,#39aaff);background:-webkit-linear-gradient(110deg,var(--react-light),var(--react));background:linear-gradient(-20deg,var(--react-light),var(--react))}.css{background:-webkit-linear-gradient(110deg,#ff7789,#ff398f);background:linear-gradient(-20deg,#ff7789,#ff398f);background:-webkit-linear-gradient(110deg,var(--css-light),var(--css));background:linear-gradient(-20deg,var(--css-light),var(--css))}body{margin:0;padding:0}h1{font-size:32px}h1,h2{font-family:proxima-nova,sans-serif;font-weight:300;font-style:normal;Text-transform:uppercase;margin:0}h2{font-size:20px}h3{font-family:proxima-nova-condensed,sans-serif;font-size:22px;margin:0 0 5px}h3,p{font-weight:300;font-style:normal}p{font-family:proxima-nova,sans-serif;font-size:18px;line-height:24px;text-transform:none}a{font-style:normal;font-size:18px;color:#39aaff;color:var(--react);text-decoration:none}.bold,a{font-family:proxima-nova-condensed,sans-serif;font-weight:600;text-transform:uppercase}.light{color:#fff}.right{text-align:right}@media only screen and (min-width:768px){h1{margin-bottom:40px;font-size:48px}h2{font-size:26px}h1,p{font-weight:100}}main{box-sizing:border-box;padding-top:60px}@media only screen and (min-width:768px){main{padding-left:400px;padding-top:0}}.skill{display:inline-block;height:16px;width:16px;font-family:proxima-nova-condensed,sans-serif;font-size:12px;font-weight:300;text-align:center;line-height:18px;border:1px solid #fff;border-radius:50%;color:#fff;margin:3px}@media only screen and (min-width:768px){.skill{height:20px;width:20px;font-size:16px;font-weight:600;line-height:22px;border:2px solid #fff}}.card{position:relative;padding:30% 0;overflow:hidden}.card:hover .image{mix-blend-mode:multiply;background-blend-mode:multiply}.card:hover .image,.card:hover .snapshot{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.card:hover .snapshot{opacity:.95;-webkit-transform:translateY(calc(-100% + 50px));transform:translateY(calc(-100% + 50px))}.card:hover .projHeadline,.card:hover p{-webkit-transform:translateY(80px);transform:translateY(80px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.card .image{top:0;left:0;background-size:cover;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.card .image,.card .snapshot{position:absolute;width:100%;height:100%}.card .snapshot{box-sizing:border-box;bottom:calc(-100% + 50px);padding:8px 24px;opacity:.95}.skillBlock{justify-self:end}.projHeadline{display:grid;grid-template-columns:auto 80px;padding-bottom:16px}@media only screen and (min-width:768px){.projHeadline{grid-template-columns:auto 100px}}#projectGrid{display:grid;grid-gap:4px;gap:4px}@media only screen and (min-width:1200px){#projectGrid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1600px){#projectGrid{grid-template-columns:repeat(3,1fr)}}.slideshow-container{position:relative;margin:auto}#resumeContainer{display:grid;grid-template-columns:1fr;font-family:proxima-nova,sans-serif;margin:0 32px 32px}@media only screen and (min-width:768px){#resumeContainer{grid-template-columns:1fr 3fr 1fr;grid-column-gap:10px}#resumeContainer h2{grid-column:2/span 2;margin-bottom:50px}.resumeSubgrid{font-weight:100;display:grid;grid-template-columns:repeat(4,1fr)}.resumeEntry{grid-column-start:2;margin-bottom:50px}}#resumeContainer p{margin:5px 0 0}#resumeContainer h2{margin-bottom:50px}.resumeCategory{font-weight:100;font-size:22px;letter-spacing:4px;margin-bottom:32px}.resumeEntryHeading{font-weight:400;font-size:20px}.resumeEntryPosition{font-weight:300;font-style:italic}.resumeDate{font-weight:100;font-style:italic;margin-bottom:32px}footer{display:grid;align-items:end;grid-template-columns:40px 40px 40px auto 85px;grid-gap:1em;margin:32px 0 10px}@media only screen and (min-width:768px){footer{position:absolute;bottom:0}}.social{width:24px;padding:5px;-webkit-filter:grayscale(100);filter:grayscale(100)}.social,.social:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.social:hover{width:32px;margin-left:-4px;margin-top:-4px;-webkit-filter:grayscale(0);filter:grayscale(0)}.galleryIcon{padding-bottom:10px}.proficiency{width:100px}.proficiency,.proficiencyMeter{display:inline-block}.bar{border:1px solid #d3d3d3;padding:3px;margin-left:4px;border-radius:3px}.full{border:none;padding:4px}.mobileWrapper{margin:48px 32px 32px}.skillName{display:inline-block;padding:5px 10px;font-family:proxima-nova-condensed,sans-serif;font-weight:600;text-align:center;border-radius:5px;color:#fff;margin:3px}.projectLinks{width:50px;padding:10px}.projectLinks,.projectLinks:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.projectLinks:hover{width:60px;padding:5px}.projectLinksText{display:inline;font-family:proxima-nova-condensed,sans-serif;font-weight:600;font-style:normal;font-size:16px;color:var(--react);text-transform:uppercase;text-decoration:none}.projectLinksContainer{height:70px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:60px}.resumeLink{text-align:right}aside{padding:10px 32px 10px 48px;height:100%;height:100vh;width:400px;z-index:50}aside,header{box-sizing:border-box;background-color:#fff;margin:0;box-shadow:1px 2px 4px rgba(0,0,0,.5);position:fixed}header{padding:10px 24px;display:grid;grid-template-columns:auto 20px;width:100%;top:0;z-index:150}.drawer-button{display:flex;flex-direction:column;justify-content:space-around;height:20px;width:20px;margin-top:8px;background:transparent;border:none;cursor:pointer;box-sizing:border-box;padding:0}.drawer-button:focus{outline:none}.drawer-button_line{width:100%;height:2px;background-color:#999;width:20px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:100}.slide-drawer{background-color:#fff;position:fixed;top:0;right:0;z-index:110;padding:40px 24px 24px}.slide-drawer>a{color:#666;list-style:none;font-weight:300;margin-top:20px}.slide-drawer>a>li{margin-top:30px}
/*# sourceMappingURL=main.2f1b8c56.chunk.css.map */