@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@700&display=swap);body{background-color:#000;margin:0;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}section{min-height:98vh}section:last-of-type{margin-bottom:75px}@media (min-width:768px){section:last-of-type{margin-bottom:15px}}h1,h2,h3{color:#a47a10}a,p{color:#e3decf}@media (max-width:767.98px){.hidden-xs{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{background-color:#a47a10;border:1px solid #76570b;border-radius:6px;color:#000;display:inline-block;font-size:120%;font-feature-settings:"smcp";font-variant:small-caps;font-weight:700;padding:10px 20px;text-decoration:none;text-transform:capitalize}.btn:focus,.btn:hover{background-color:#d29d15}.img-responsive{max-width:100%}.Home{overflow:hidden;display:flex;justify-content:center;align-items:center}.Home-content{transform-style:preserve-3d;transform:rotateX(20deg);animation:slide-up 10s linear;margin-top:0}.Home-content-wrap{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;font-size:150%;margin:0 auto;max-height:80vh;height:100%;width:100%;overflow:hidden;perspective:150px}.Home-text{color:#a47a10;font-family:Impact,"Roboto Condensed",sans-serif;font-weight:900;font-feature-settings:"smcp";font-variant:small-caps}.Home-job-title:before{display:block;height:50px;width:100%;animation:text-switch 15s linear infinite;content:"Web"}.Home-job-title:after{display:block;height:50px;width:100%;content:"Engineer"}@keyframes slide-up{0%{margin-top:60%}to{margin-top:0}}@keyframes text-switch{0%{content:"Web"}to{content:"Software"}}@media (min-width:768px){.Home{font-size:200%}.Home-content-wrap{margin:50px auto}}.night{margin-top:-200px;position:relative;width:1200px;height:1200px;transform:rotate(45deg)}.shooting_star{position:absolute;left:50%;top:50%;height:2px;background:linear-gradient(-45deg,#5f91ff,rgba(0,0,255,0));border-radius:999px;-webkit-filter:drop-shadow(0 0 6px #699bff);filter:drop-shadow(0 0 6px #699bff);animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite}.shooting_star:before{transform:translateX(50%) rotate(45deg)}.shooting_star:after,.shooting_star:before{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,rgba(0,0,255,0),#5f91ff,rgba(0,0,255,0));border-radius:100%;animation:shining 3s ease-in-out infinite}.shooting_star:after{transform:translateX(50%) rotate(45deg);transform:translateX(50%) rotate(-45deg)}.night:first-of-type .shooting_star:first-child{top:calc(50% - 9px);left:calc(50% - 203px);animation-delay:1981ms}.night:first-of-type .shooting_star:first-child:after,.night:first-of-type .shooting_star:first-child:before{animation-delay:1981ms}.night:first-of-type .shooting_star:nth-child(2){top:calc(50% - 18px);left:calc(50% - 278px);animation-delay:158ms}.night:first-of-type .shooting_star:nth-child(2):after,.night:first-of-type .shooting_star:nth-child(2):before{animation-delay:158ms}.night:first-of-type .shooting_star:nth-child(3){top:calc(50% + 117px);left:calc(50% - 6px);animation-delay:7.06s}.night:first-of-type .shooting_star:nth-child(3):after,.night:first-of-type .shooting_star:nth-child(3):before{animation-delay:7.06s}.night:first-of-type .shooting_star:nth-child(4){top:calc(50% + 155px);left:calc(50% - 178px);animation-delay:3638ms}.night:first-of-type .shooting_star:nth-child(4):after,.night:first-of-type .shooting_star:nth-child(4):before{animation-delay:3638ms}.night:first-of-type .shooting_star:nth-child(5){top:calc(50% + 33px);left:calc(50% - 285px);animation-delay:6079ms}.night:first-of-type .shooting_star:nth-child(5):after,.night:first-of-type .shooting_star:nth-child(5):before{animation-delay:6079ms}.night:first-of-type .shooting_star:nth-child(6){top:calc(50% - 68px);left:calc(50% - 238px);animation-delay:8.26s}.night:first-of-type .shooting_star:nth-child(6):after,.night:first-of-type .shooting_star:nth-child(6):before{animation-delay:8.26s}.night:first-of-type .shooting_star:nth-child(7){top:calc(50% - 196px);left:calc(50% - 222px);animation-delay:4206ms}.night:first-of-type .shooting_star:nth-child(7):after,.night:first-of-type .shooting_star:nth-child(7):before{animation-delay:4206ms}.night:first-of-type .shooting_star:nth-child(8){top:calc(50% - 36px);left:calc(50% - 125px);animation-delay:8766ms}.night:first-of-type .shooting_star:nth-child(8):after,.night:first-of-type .shooting_star:nth-child(8):before{animation-delay:8766ms}.night:nth-of-type(2) .shooting_star:first-child{top:calc(50% + 153px);left:calc(50% - 146px);animation-delay:7293ms}.night:nth-of-type(2) .shooting_star:first-child:after,.night:nth-of-type(2) .shooting_star:first-child:before{animation-delay:7293ms}.night:nth-of-type(2) .shooting_star:nth-child(2){top:calc(50% - 148px);left:calc(50% - 3px);animation-delay:7449ms}.night:nth-of-type(2) .shooting_star:nth-child(2):after,.night:nth-of-type(2) .shooting_star:nth-child(2):before{animation-delay:7449ms}.night:nth-of-type(2) .shooting_star:nth-child(3){top:calc(50% + 6px);left:calc(50% - 247px);animation-delay:9617ms}.night:nth-of-type(2) .shooting_star:nth-child(3):after,.night:nth-of-type(2) .shooting_star:nth-child(3):before{animation-delay:9617ms}.night:nth-of-type(2) .shooting_star:nth-child(4){top:calc(50% + 99px);left:calc(50% - 112px);animation-delay:1373ms}.night:nth-of-type(2) .shooting_star:nth-child(4):after,.night:nth-of-type(2) .shooting_star:nth-child(4):before{animation-delay:1373ms}.night:nth-of-type(2) .shooting_star:nth-child(5){top:calc(50% - 182px);left:calc(50% - 189px);animation-delay:8191ms}.night:nth-of-type(2) .shooting_star:nth-child(5):after,.night:nth-of-type(2) .shooting_star:nth-child(5):before{animation-delay:8191ms}.night:nth-of-type(2) .shooting_star:nth-child(6){top:calc(50% - 130px);left:calc(50% - 27px);animation-delay:2492ms}.night:nth-of-type(2) .shooting_star:nth-child(6):after,.night:nth-of-type(2) .shooting_star:nth-child(6):before{animation-delay:2492ms}.night:nth-of-type(2) .shooting_star:nth-child(7){top:calc(50% - 154px);left:calc(50% - 208px);animation-delay:685ms}.night:nth-of-type(2) .shooting_star:nth-child(7):after,.night:nth-of-type(2) .shooting_star:nth-child(7):before{animation-delay:685ms}.night:nth-of-type(2) .shooting_star:nth-child(8){top:calc(50% + 172px);left:calc(50% - 136px);animation-delay:5218ms}.night:nth-of-type(2) .shooting_star:nth-child(8):after,.night:nth-of-type(2) .shooting_star:nth-child(8):before{animation-delay:5218ms}.night:nth-of-type(3) .shooting_star:first-child{top:calc(50% - 150px);left:calc(50% - 205px);animation-delay:8067ms}.night:nth-of-type(3) .shooting_star:first-child:after,.night:nth-of-type(3) .shooting_star:first-child:before{animation-delay:8067ms}.night:nth-of-type(3) .shooting_star:nth-child(2){top:calc(50% - 18px);left:calc(50% - 160px);animation-delay:3317ms}.night:nth-of-type(3) .shooting_star:nth-child(2):after,.night:nth-of-type(3) .shooting_star:nth-child(2):before{animation-delay:3317ms}.night:nth-of-type(3) .shooting_star:nth-child(3){top:calc(50% - 147px);left:calc(50% - 88px);animation-delay:1869ms}.night:nth-of-type(3) .shooting_star:nth-child(3):after,.night:nth-of-type(3) .shooting_star:nth-child(3):before{animation-delay:1869ms}.night:nth-of-type(3) .shooting_star:nth-child(4){top:calc(50% + 42px);left:calc(50% - 132px);animation-delay:8606ms}.night:nth-of-type(3) .shooting_star:nth-child(4):after,.night:nth-of-type(3) .shooting_star:nth-child(4):before{animation-delay:8606ms}.night:nth-of-type(3) .shooting_star:nth-child(5){top:calc(50% + 54px);left:calc(50% - 18px);animation-delay:1451ms}.night:nth-of-type(3) .shooting_star:nth-child(5):after,.night:nth-of-type(3) .shooting_star:nth-child(5):before{animation-delay:1451ms}.night:nth-of-type(3) .shooting_star:nth-child(6){top:calc(50% - 158px);left:calc(50% - 3px);animation-delay:1675ms}.night:nth-of-type(3) .shooting_star:nth-child(6):after,.night:nth-of-type(3) .shooting_star:nth-child(6):before{animation-delay:1675ms}.night:nth-of-type(3) .shooting_star:nth-child(7){top:calc(50% - 11px);left:calc(50% - 153px);animation-delay:9.81s}.night:nth-of-type(3) .shooting_star:nth-child(7):after,.night:nth-of-type(3) .shooting_star:nth-child(7):before{animation-delay:9.81s}.night:nth-of-type(3) .shooting_star:nth-child(8){top:calc(50% - 103px);left:calc(50% - 72px);animation-delay:365ms}.night:nth-of-type(3) .shooting_star:nth-child(8):after,.night:nth-of-type(3) .shooting_star:nth-child(8):before{animation-delay:365ms}.night:nth-of-type(4) .shooting_star:first-child{top:calc(50% - 180px);left:calc(50% - 51px);animation-delay:1591ms}.night:nth-of-type(4) .shooting_star:first-child:after,.night:nth-of-type(4) .shooting_star:first-child:before{animation-delay:1591ms}.night:nth-of-type(4) .shooting_star:nth-child(2){top:calc(50% + 16px);left:calc(50% - 194px);animation-delay:4318ms}.night:nth-of-type(4) .shooting_star:nth-child(2):after,.night:nth-of-type(4) .shooting_star:nth-child(2):before{animation-delay:4318ms}.night:nth-of-type(4) .shooting_star:nth-child(3){top:calc(50% - 197px);left:calc(50% - 155px);animation-delay:2664ms}.night:nth-of-type(4) .shooting_star:nth-child(3):after,.night:nth-of-type(4) .shooting_star:nth-child(3):before{animation-delay:2664ms}.night:nth-of-type(4) .shooting_star:nth-child(4){top:calc(50% - 65px);left:calc(50% - 291px);animation-delay:6958ms}.night:nth-of-type(4) .shooting_star:nth-child(4):after,.night:nth-of-type(4) .shooting_star:nth-child(4):before{animation-delay:6958ms}.night:nth-of-type(4) .shooting_star:nth-child(5){top:calc(50% + 178px);left:calc(50% - 9px);animation-delay:6387ms}.night:nth-of-type(4) .shooting_star:nth-child(5):after,.night:nth-of-type(4) .shooting_star:nth-child(5):before{animation-delay:6387ms}.night:nth-of-type(4) .shooting_star:nth-child(6){top:calc(50% + 65px);left:calc(50% - 175px);animation-delay:5245ms}.night:nth-of-type(4) .shooting_star:nth-child(6):after,.night:nth-of-type(4) .shooting_star:nth-child(6):before{animation-delay:5245ms}.night:nth-of-type(4) .shooting_star:nth-child(7){top:calc(50% - 131px);left:calc(50% - 241px);animation-delay:6221ms}.night:nth-of-type(4) .shooting_star:nth-child(7):after,.night:nth-of-type(4) .shooting_star:nth-child(7):before{animation-delay:6221ms}.night:nth-of-type(4) .shooting_star:nth-child(8){top:calc(50% + 135px);left:calc(50% - 227px);animation-delay:5111ms}.night:nth-of-type(4) .shooting_star:nth-child(8):after,.night:nth-of-type(4) .shooting_star:nth-child(8):before{animation-delay:5111ms}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@keyframes shooting{0%{transform:translateX(0)}to{transform:translateX(300px)}}@media (min-width:768px){.About-content{max-width:35%}}.Portfolio-article{display:grid;grid-template-columns:[start thumb-start content-start] 1fr [content-end thumb-end end];grid-template-rows:auto;grid-template-areas:"title" "tech" "thumb" "summary";grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;grid-row-gap:15px;row-gap:15px;text-decoration:none}.Portfolio-article-title{grid-area:title;margin:0}.Portfolio-article-tech{grid-area:tech;font-size:80%;font-weight:700;font-style:italic;margin:0;text-align:right}.Portfolio-article-thumb{grid-area:thumb;margin:0}.Portfolio-article-summary{grid-area:summary;margin:0}@media (min-width:768px){.Portfolio-article{grid-template-columns:[start thumb-start] 35% [thumb-end content-start] 1fr [content-end end];grid-template-areas:"thumb title" "thumb tech" "thumb summary"}}@media (min-width:1200px){.Portfolio-article{grid-template-columns:[start thumb-start] 25% [thumb-end content-start] 1fr [content-end end]}}.Blog-article-date{font-size:80%;font-weight:700}.Blog-article-title a{color:inherit}.Contact-form{margin:auto;max-width:650px;padding:30px}.Contact-field{background-color:#000;border:none;border-bottom:1px solid #252525;color:#e3decf;font-size:18px;margin-bottom:15px;width:100%}.Contact-send{cursor:pointer}.Contact-send svg{display:inline-block;width:30px;margin-right:20px;vertical-align:bottom}.App-links{display:none}.App-nav{position:fixed;left:0;bottom:0;right:0;height:60px;margin:0;padding:5px;background-color:#252525;color:#a47a10;z-index:10;display:grid;grid-template-columns:[start home-start] 1fr [home-end about-start] 1fr [about-end portfolio-start] 1fr [portfolio-end blog-start] 1fr [blog-end contact-start] 1fr [contact-end end];grid-template-rows:auto;grid-template-areas:"home about portfolio blog contact";justify-items:center}.App-logo{display:block;margin:auto;width:70px;grid-area:logo}.App-logo svg{height:100%;width:100%}.App-logo path{fill:#a47a10}.App-icon{display:block;margin:auto;width:50px;height:50px}.App-icon svg{height:60%;padding:20%;width:60%}.App-icon path{fill:#a47a10}.App-icon:focus svg,.App-icon:hover svg{height:80%;padding:10%;width:80%}.App-icon:focus path,.App-icon:hover path{fill:#80efef}.App-icon.active path{fill:#9d4dff}.App-home{grid-area:home}.App-about{grid-area:about}.App-portfolio{grid-area:portfolio}.App-blog{grid-area:blog}.App-contact{grid-area:contact}.App-github{grid-area:github}.App-linkedin{grid-area:linkedin}.App-content{padding:15px}@media (min-width:576px){.App-header{position:fixed;left:0;top:0;bottom:0;width:100px;background-color:#252525;color:#a47a10;z-index:10;display:grid;grid-template-rows:[start logo-start] 80px [logo-end] 1fr [home-start] 60px [home-end about-start] 60px [about-end portfolio-start] 60px [portfolio-end blog-start] 60px [blog-end contact-start] 60px [contact-end] 1fr [github-start] 60px [github-end linkedin-start] 60px [linkedin-end end];grid-template-columns:auto;grid-template-areas:"logo" "." "home" "about" "portfolio" "blog" "contact" "." "github" "linkedin";justify-items:center}.App-links,.App-nav{display:contents}.App-content{margin-left:100px}.App-icon svg{height:70%;padding:15%;width:70%}.App-icon.active svg,.App-icon:active svg,.App-icon:focus svg,.App-icon:hover svg{height:100%;padding:0;width:100%}}
/*# sourceMappingURL=main.2808ff34.chunk.css.map */