body{margin:0;padding: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}.header{background-color:#020205;min-height:100vh;background:none;position:relative;z-index:6;padding:70px 30px 30px}@media (max-width:600px){.header{min-height:0;padding:20% 30px}}.header a{margin-left:50px;color:#fff;text-decoration:none}.header a:hover{background:-webkit-linear-gradient(#eee,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header nav{position:fixed;right:0;width:100%;top:0;background:rgba(2,2,5,.95);display:flex;flex-direction:row-reverse;align-items:center;padding:20px 50px 20px 20px}@media (max-width:600px){.header nav.closed a{display:none}}@media (max-width:600px){.header nav{flex-direction:column-reverse;align-content:flex-end;align-items:flex-end}.header nav a{padding-top:25px}}.header nav h1{font-size:4em;font-weight:700;margin-bottom:0}.header .hamburger{width:30px;height:30px;display:none}@media (max-width:600px){.header .hamburger{display:block}}.header .hamburger span{width:30px;height:3px;background:#fff;display:block;position:relative;margin-top:13px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .hamburger span:before{top:-10px}.header .hamburger span:after,.header .hamburger span:before{content:"";display:block;width:30px;height:3px;background:#fff;position:absolute}.header .hamburger span:after{top:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .hamburger span.open{height:0}.header .hamburger span.open:before{-webkit-transform:rotate(50deg);transform:rotate(50deg);top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header .hamburger span.open:after{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);top:0}#about{background-color:#020205;min-height:100vh;position:relative;padding:10px 30px 30px;background-color:rgba(2,2,5,.95);display:flex;justify-content:center;align-items:center}@media (max-width:600px){#about{min-height:0;padding:20% 30px}}#about:before{left:50%;width:35%;border-top:3px solid #041963;margin-left:-18%}#about:after,#about:before{content:"";top:0;position:absolute}#about:after{right:0;bottom:0;width:35px;left:0;background:#4676d8}@media (max-width:600px){#about:after{width:10px}}#about h1{font-size:3em;align-self:flex-start}#about img{border-radius:50%;max-width:185px}#about .content{width:70%;margin:auto}#work{background-color:#020205;min-height:100vh;position:relative;padding:3% 30px 30px}@media (max-width:600px){#work{min-height:0;padding:20% 30px}}#work:before{left:50%;width:35%;border-top:3px solid #041963;margin-left:-18%}#work:after,#work:before{content:"";top:0;position:absolute}#work:after{right:0;bottom:0;width:35px;left:0;background:#7b0533}@media (max-width:600px){#work:after{width:10px}}#work .work-container{width:90%;padding:5%;margin:auto}#work .work-section{display:flex;justify-content:space-around;flex-wrap:wrap}#work .work-item{box-sizing:border-box;width:25%;position:relative;padding:10px}#work .work-item img{height:100%}#work .work-item .hover-container{position:relative}#work .work-item .overlay{position:absolute;display:flex;align-items:center;justify-content:center;top:0;bottom:0;left:0;right:0;font-size:1.2rem;font-weight:700;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}#work .work-item .overlay a{color:#fff;text-decoration:none;font-size:2rem}#work .work-item .overlay a:hover{color:#ccc}#work .work-item .overlay:hover{background:rgba(123,5,51,.9);opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}@media (max-width:800px){#work .work-item{width:50%}}@media (max-width:600px){#work .work-item{width:100%}}#work .work-item img{max-width:100%;width:100%}#skills{background-color:#020205;min-height:100vh;position:relative;padding:30px;min-height:90vh;text-align:right;display:flex;justify-content:center;align-items:center}@media (max-width:600px){#skills{min-height:0;padding:20% 30px}}#skills h1{text-align:center}#skills h3{color:#4676d8;min-width:100px}#skills .list{margin-bottom:50px}@media (min-width:800px){#skills .list{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline}#skills .list div{margin-right:50px;flex-basis:60%;font-size:2rem}#skills .list div span{padding:0 5px}}#skills:before{left:50%;width:35%;border-top:3px solid #041963;margin-left:-18%}#skills:after,#skills:before{content:"";top:0;position:absolute}#skills:after{bottom:0;width:35px;right:0;background:#d91ac2}@media (max-width:600px){#skills:after{width:10px}}#education{background-color:#020205;min-height:100vh;position:relative;background:rgba(2,2,5,.95);padding:10% 0}@media (max-width:600px){#education{min-height:0;padding:20% 30px}}#education:before{content:"";top:0;left:50%;position:absolute;width:35%;border-top:3px solid #041963;margin-left:-18%}#education:after{content:"";position:absolute;top:0;bottom:0;width:35px;right:0;background:#041963}@media (max-width:600px){#education:after{width:10px}}#education .intro-paragraph{max-width:63%;margin:0 auto 5%}#education .education-single{padding:2%;min-height:50px;position:relative;width:80%;margin:auto}#education .education-single .year{font-size:2.5rem;color:#041963;padding-bottom:2.5rem}@media (min-width:600px){#education .education-single .edu-item{padding-left:50px;max-width:80%}#education .education-single .year{font-size:1.5rem;line-height:50px;border-radius:50%;width:50px;border:2px solid #929292;background:#041963;color:#fff;position:absolute;left:0;top:50%;margin-top:-25px;z-index:5;padding-bottom:0}#education .education-single:before{top:0;bottom:50%}#education .education-single:after,#education .education-single:before{content:"";position:absolute;width:2px;left:25px;background:#929292;display:block;z-index:2}#education .education-single:after{top:50%;bottom:0}#education .education-single:first-child:before{background:none;height:0}#education .education-single:first-of-type:before,#education .education-single:last-child:after{display:none}}footer{height:8vh;display:flex;align-items:center;justify-content:center}html{font-size:10px}h1,h2,h3,h4,h5{font-family:Fira Sans Extra Condensed,sans-serif}h1{font-size:4rem}.app{text-align:center;color:#fff;position:relative;font-family:Roboto,sans-serif;font-size:1.6rem}.sticky-hero{height:100vh;background:url(/images/computer.jpg) no-repeat #020205;background-size:100%;position:fixed;width:100%;z-index:0}
/*# sourceMappingURL=main.4c078f8d.chunk.css.map */