body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body,html{height:100vh;width:95vw;color:#fff}@font-face{font-family:"StoryBook";src:url(/static/media/StoryBook.5b788c62.eot);src:url(/static/media/StoryBook.5b788c62.eot?#iefix) format("embedded-opentype"),url(/static/media/StoryBook.e5fa5a14.woff2) format("woff2"),url(/static/media/StoryBook.0811bd8e.woff) format("woff"),url(/static/media/StoryBook.9d0b9214.ttf) format("truetype"),url(/static/media/StoryBook.7dbd1135.svg#StoryBook) format("svg")}.App,body,html{background-color:#000}.App{color:#e1e1e1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-left:30px;padding-right:30px;padding-bottom:30px}#InitialSplash>*,.header,.splash-info>*{opacity:0}.info-section{margin-bottom:70px;opacity:0}*{transition:all .2s}ul{list-style:none}a{text-decoration:none}p{margin-bottom:15px;font-size:14px;line-height:20px;text-align:justify}.zero-to-hundred-opacity{-webkit-animation:zeroToHundredOpacity forwards;animation:zeroToHundredOpacity forwards;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation:zeroToHundredOpacity 1s forwards}.zero-to-hundred-opacity-slow{-webkit-animation:zeroToHundredOpacity forwards;animation:zeroToHundredOpacity forwards;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation:zeroToHundredOpacity 2s forwards}@keyframes zeroToHundredOpacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes zeroToHundredOpacity{0%{opacity:0}to{opacity:1}}.header{position:fixed;top:0;display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,.7);width:100%;height:40px;padding:10px;z-index:3}.headerExpanded{display:flex;width:100%;justify-content:space-evenly}.header-expanded-icon{color:#fff}.header-expanded-icon,.header-expanded-icon svg{width:20px;height:20px}.header-expanded-icon:hover{color:#ff8a00;cursor:pointer}.headedContracted{font-family:"StoryBook",sans-serif;color:#ff8a00;font-size:15px}#InitialSplash{height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding-top:60px}#InitialSplash h1{height:90px;font-family:"StoryBook",sans-serif;font-size:80px;font-weight:700;color:#ff8a00;background-image:linear-gradient(90deg,#ff8a00 0,#da1b60);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;overflow:visible;font-weight:400}#InitialSplash h2{font-size:20px;display:flex;flex-direction:column;line-height:20px}#InitialSplash .headshot-container{height:45vh;max-height:45vh}#InitialSplash .headshot{border-radius:50%;max-height:45vh;margin:0 auto}#InitialSplash .splash-info{height:40vh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-evenly}.splash-info h3{width:100%;font-size:15px;color:#ff8a00;background-image:linear-gradient(90deg,#ff8a00 0,#da1b60);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;overflow:visible;color:#fff}.splash-info h3 span{z-index:2;position:relative}.contact-link-list{display:flex;justify-content:space-evenly;width:100%}.contact-link-list li{width:100%;position:relative}.contact-link-list li:hover *{opacity:1}.contact-link-list svg{width:20px;height:20px;color:#fff}.contact-link-list .externalClickIcon{position:absolute;z-index:3;top:0;width:10px;height:10px;opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.externalGithubLink:hover .external-icon{color:#c965f7}.externalLinkedInLink:hover .external-icon{color:#2987cf}.externalEmailLink:hover .external-icon{color:#ff6376}.contact-link-list li:hover{cursor:pointer}.info-section{width:100%;margin-top:0}.info-section:hover h4{color:#ff6376}.section-header{display:flex;align-items:center;text-transform:uppercase;font-size:14px;text-align:left}.section-header .headerIcon{width:20px;height:20px;margin-right:15px}.about-me{margin-top:100px}.about-me h5{text-align:left}.experiences h4{margin-bottom:30px}.experiences .experience-item{width:100%;display:flex;position:relative;padding-bottom:35px}.experiences .experience-item .bullet-icon{width:10px;height:10px;border-radius:50%;background-color:#ccc;display:block;align-self:flex-start;margin-top:15px;z-index:2}.experiences .experience-item .bullet-bar{position:absolute;width:4px;background-color:#999;opacity:.4;height:100%;top:0;left:3px}.experiences .experience-item .experience-item-info{flex:1 1;display:flex;padding-left:30px;flex-direction:column;text-align:left}.experiences .experience-item .experience-item-info .experience-logo{max-height:60px;margin-bottom:10px}.experiences .experience-item .experience-item-info .experience-name{display:flex;margin:10px 0 0;align-items:center}.experiences .experience-item .experience-item-info h5{font-size:16px;margin:0 10px 0 0}.experiences .experience-item .experience-item-info .experience-dates{font-size:11px}.experiences .experience-item .experience-item-info .experience-role{font-size:14px;margin-bottom:10px}.experiences .experience-item .experience-item-info .experience-tasks{list-style:inside;font-size:13px;margin-left:15px}.experiences .experience-item .experience-item-info .experience-task{padding-bottom:5px}.experiences .show-more-experiences{background:none;border:none;color:#999;font-weight:700;text-align:left;font-size:14px;width:100%;margin-top:15px}.experiences .show-more-experiences:hover{cursor:pointer}.skills .skill{width:100%;display:flex;border:1px solid #222;border-radius:5%;padding:10px;align-items:center;margin:5px 0}.skills .skill:hover{border:1px solid #555}.skills .skill .skill-icon-container{width:50px;display:flex;align-items:center}.skills .skill .skill-icon{width:20px;height:20px}.skills .skill .skill-info{flex:1 1;display:flex;flex-direction:column;text-align:left;padding-left:30px}.skills .skill .skill-title{font-weight:700;font-size:13px}.skills .skill .skill-description{font-size:11px}.projects h4{margin-bottom:30px}.projects p{font-size:13px;line-height:17px}.project-list{position:relative}.project-list-item{position:relative;margin-bottom:90px}.project-list-item:last-of-type{margin-bottom:0}.project-list h5{text-align:left;font-size:18px;margin-top:10px;margin-bottom:10px}.screenshot-container-behind{max-height:200px;overflow:hidden;position:absolute;top:-20px;left:-10px}.screenshot-container-original{max-height:200px;overflow:hidden;position:relative;border-radius:5%}.screenshot-container-overlay{height:100%;width:100%;background-color:inherit;z-index:4;position:absolute;top:0;display:flex;align-items:center;justify-content:center}.screenshot-container-original:hover .screenshot-container-overlay{cursor:pointer;width:100%;background-color:rgba(0,0,0,.6)}.hover-link-icon{opacity:0;width:80px;height:80px;z-index:4;color:#fff;align-self:center}.screenshot-container-original:hover .screenshot-container-overlay .hover-link-icon{opacity:.7}.screenshot-container-behind img{margin-top:-20px;overflow:hidden;width:95%}.screenshot-container-original img{margin-top:-50px;overflow:hidden}.screenshotBehind{opacity:.3;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.screenshotOriginal{z-index:1}.project-list{margin-top:15px;margin-bottom:100px}.project-links-list{display:flex}.project-link-item .external-link{width:20px;height:20px;color:#fff;margin-right:20px;margin-bottom:10px}.project-link-item .external-link:hover{color:#ff8a00}.project-tech-list{display:flex;flex-wrap:wrap}.tech-arrow{width:10px;height:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-right:15px}.project-tech-list .project-tech-item{font-size:11px;font-weight:700;margin-right:7px;text-transform:uppercase;color:#fff}.resume h4{margin-bottom:15px}.resume-button{display:block;background-color:#fff;border:1px solid #666;padding:10px}.resume-button:hover{background-color:#fff;color:#ff8a00}@media only screen and (max-height:550px),only screen and (min-width:768px){#InitialSplash{width:80vw;flex-direction:row;align-items:center}#InitialSplash .headshot-container{width:60vw}#InitialSplash .splash-info{width:40vw;display:flex;flex-direction:column;justify-content:space-evenly}.info-section{padding-left:40px;padding-right:40px}.skills h5{text-align:left}.skills-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.skill{max-width:50%}.desktop-flex{width:100%}}@media only screen and (min-width:1028px){#InitialSplash h1{font-size:110px;height:130px}#InitialSplash .headshot-container{height:70vh;max-height:70vh}#InitialSplash .headshot{border-radius:50%;max-height:70vh;margin:0 auto}#InitialSplash .splash-info{height:55vh}.project-list{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}.project-list-item{width:45%;margin-right:40px}.skills .skill{width:45%;display:flex;border:1px solid #222;border-radius:5%;padding:10px;align-items:center;margin:5px 10px 5px 0}.desktop-flex{display:flex}.experiences,.skills{width:45%;flex:1 1}.contact-link-list svg{width:40px;height:40px}.contact-link-list .externalClickIcon{width:20px;height:20px}}@media only screen and (min-width:1060px){#InitialSplash h1{font-size:120px;height:140px}}@media only screen and (max-width:702px) and (max-height:550px){#InitialSplash h1{height:85px;font-size:75px}}
/*# sourceMappingURL=main.ab1b6fda.chunk.css.map */