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}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.root{background:#5563e2}.menubar{justify-content:space-between;width:100%;position:fixed;top:0;background:rgba(85,99,226,.8);z-index:9999}.menubar,.navlinks{display:flex;flex-direction:row;align-items:center}.navlinks{justify-content:space-evenly;height:50px;padding:0 20px;width:75%}@media (min-width:600px){.navlinks{height:50px;margin:auto;width:65%;padding:0}}@media (min-width:950px){.navlinks{height:60px;width:50%}}.links{color:#fff;font-size:8px;font-weight:700;text-decoration:none;text-transform:uppercase;display:flex;flex-direction:column;justify-content:space-between;align-items:center;letter-spacing:1px;opacity:.8}.links:hover,.links a:active{color:#c3ff36;opacity:1}@media (min-width:600px){.links{font-size:10px;letter-spacing:1.5px}}@media (min-width:950px){.links{font-size:15px}}.links img{height:45px;width:auto}@media (min-width:600px){.links img{height:50px}}.github-nav{position:absolute;right:10px;display:flex;flex-direction:row}@media (min-width:600px){.github-nav{right:5%}}.github-nav .github{background:transparent;display:block;position:relative;width:20px;height:20px;z-index:10;margin-right:10px}@media (min-width:600px){.github-nav .github{width:25px;height:25px}}.github-nav .githubBG{background-color:#fff;border-radius:55%;width:40px;height:30px;position:absolute}.github-nav .githubBG:hover{background-color:#c3ff36}.active{text-decoration:none}.bmo-wrapper{position:fixed;top:1.1rem;right:7%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}@media (min-width:600px){.bmo-wrapper{top:5%}}@media (min-width:950px){.bmo-wrapper{top:7%;right:5%}}.bmo-wrapper .bmo-btn{background:#2de9fe;opacity:.85;color:#fff;position:relative;padding:4px 7px;text-shadow:0 -1px 5px #00008b;z-index:100}.bmo-wrapper .bmo-btn:hover{background:#fff;color:#fff;opacity:.97}@media (min-width:600px){.bmo-wrapper .bmo-btn{width:62px;height:60px}}@media (min-width:950px){.bmo-wrapper .bmo-btn{width:67px;height:65px}}.bmo-wrapper .bmo-btn .bmo-icon{align-self:center;color:#fff;width:48px;height:auto;opacity:1;z-index:99}@media (min-width:600px){.bmo-wrapper .bmo-btn .bmo-icon{padding:3px;width:50px}}@media (min-width:950px){.bmo-wrapper .bmo-btn .bmo-icon{width:54px}}.bmo-wrapper .bmo-btn .bmo-text{font-family:"Courier New",Courier,monospace;font-size:14px;font-weight:600;text-transform:capitalize;margin:0;position:absolute;bottom:0;left:0;right:0;z-index:8}.bmo-wrapper .pulse:focus,.bmo-wrapper .pulse:hover{-webkit-animation:pulse 1s;animation:pulse 1s;box-shadow:0 0 0 2em hsla(0,0%,100%,0)}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)}}.fill{--color:#a972cb;--hover:#cb72aa}.pulse{--color:#c3ff36;--hover:#36ff40}.close{--color:#ff7f82;--hover:#ffdc7f}.raise{--color:#ffa260;--hover:#e5ff60}.up{--color:#e4cb58;--hover:#94e458}.slide{--color:#8fc866;--hover:#66c887}.offset{--color:#19bc8b;--hover:#1973bc}button{color:var(--color);transition:.25s}button:focus,button:hover{border-color:var(--hover);color:#fff}.about-content-wrapper,.about-content-wrapper .sectionOne,.about-content-wrapper .sectionTwo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto}@media (min-width:600px){.about-content-wrapper .sectionOne{margin-top:2rem}}@media (min-width:950px){.about-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;width:90%}.about-content-wrapper .sectionOne{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:0}.about-content-wrapper .sectionTwo{display:flex;flex-direction:row-reverse;justify-content:space-evenly;align-items:center}}@media (min-width:950px){.about-content-wrapper .text-wrapper{max-width:60%}}.about-content-wrapper .text{color:#fff;font-family:"OpenSans-Light",Helvetica,sans-serif;font-size:15px}@media (min-width:600px){.about-content-wrapper .text{font-size:17px;font-weight:500;line-height:1.6}}.about-content-wrapper .techs{color:#c3ff36}.profile-mobile{padding:1.5rem 0 1rem}@media (min-width:950px){.profile-mobile{padding:0}}.gif{width:80vw}@media (min-width:600px){.gif{width:35vw}}@media (min-width:950px){.gif{width:25vw;max-width:420px}}.home-title{color:#fff;font-family:"Titillium Web",Helvetica,sans-serif;font-size:36px;font-weight:600;letter-spacing:1px;line-height:1;margin:0}.home-title:hover{color:#c3ff36}@media (min-width:600px){.home-title{font-size:45px;letter-spacing:2px;line-height:1}}@media (min-width:950px){.home-title{font-size:55px;line-height:58px}}.title-wrapper .third-line{font-size:29.16px;line-height:1.5}@media (min-width:600px){.title-wrapper .third-line{font-size:40.5px}}@media (min-width:950px){.title-wrapper .third-line{font-size:49.5px}}.subheading{color:#2de9fe;font-family:"OpenSans-Light",Helvetica,sans-serif;font-size:12px;letter-spacing:1.1px}@media (min-width:600px){.subheading{font-family:"OpenSans-SemiBold",Helvetica,sans-serif;font-size:16px;letter-spacing:2.5px;line-height:1}}@media (min-width:950px){.subheading{font-size:18px}}.title{color:#2de9fe;font-family:"Titillium Web",Helvetica,sans-serif;font-size:40px;font-weight:600;letter-spacing:1px;line-height:1;margin:0;position:absolute;z-index:1}@media (min-width:600px){.title{font-size:45px;font-weight:600}}@media (min-width:950px){.title{line-height:1.1}}.titlewrapper{padding:1rem 0}.header-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:55px;margin-top:3rem}@media (min-width:600px){.header-wrapper{height:60px;width:94vw}}.greybg{border-top:2px solid #44ffd0;border-bottom:2px solid #44ffd0;position:relative;width:100vw}@media (min-width:600px){.greybg{width:94vw}}@media (min-width:950px){.greybg-mob{display:none}}.greybg-desk{display:none}@media (min-width:950px){.greybg-desk{display:block}}.reverse{color:#c3ff36}.reverse:hover{color:#fff}.J{font-family:Arial,Helvetica,sans-serif;font-size:55px;font-weight:600}.row{display:flex;align-items:flex-end;margin:auto}.btn-wrapper{margin-top:4rem;font-family:"OpenSans-Light",Helvetica,sans-serif}@media (min-width:600px){.btn-wrapper{margin-top:5rem}}.btn-wrapper button{border-radius:3px;color:#c3ff36;transition:.25s;font-family:inherit;font-weight:550;letter-spacing:1px;background:none;border:2px solid;line-height:1;padding:.9em 1.7em}.btn-wrapper button:focus,.btn-wrapper button:hover{border-color:#c3ff36;color:#000}@media (min-width:600px){.btn-wrapper button{font-size:14px}}.slide:focus,.slide:hover{box-shadow:inset 0 3.25em 0 0 #c3ff36}.home-container{position:relative}.home-container .scroll-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:.5;position:absolute;bottom:3%;left:50%;width:100px}.home-container .scroll-btn:hover{color:#44ffd0;opacity:1}.home-container .scroll-btn p{margin:-5px 0 0}.home-container .scroll-ani{-webkit-animation:scroll-down 2.5s infinite alternate;animation:scroll-down 2.5s infinite alternate}@-webkit-keyframes scroll-down{0%{transform:translate(0)}20%{transform:translateY(10px)}40%{transform:translate(0)}}@keyframes scroll-down{0%{transform:translate(0)}20%{transform:translateY(10px)}40%{transform:translate(0)}}@media (min-width:950px){.project-container{width:90%;margin:auto}}.project-container .title{padding:0 5%}@media (min-width:600px){.project-container .title{padding:0 2rem}}@media (min-width:950px){.project-container .title{padding:0}}.list-container{font-size:14px;line-height:1.5}@media (min-width:600px){.list-container{margin:2rem;font-size:16px}}@media (min-width:950px){.list-container{margin:0}}.item-container{padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;font-size:16px}@media (min-width:600px){.item-container{padding:5% 0}}.item-container .info-wrapper{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5rem}@media (min-width:950px){.item-container .info-wrapper{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding:0 50px;max-width:520px;width:100%}}@media (min-width:1440px){.item-container .info-wrapper{padding:0 75px}}.project-title{color:#c3ff36;font-size:1.7rem;margin:0}@media (min-width:600px){.project-title{font-size:2rem}}@media (min-width:950px){.project-title{font-size:1.8rem}}.description{margin-bottom:1.5rem;text-align:center}@media (min-width:950px){.description{margin-bottom:0;padding:0;text-align:left}}.tech-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0;width:100%}@media (min-width:600px){.tech-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}}.tech{color:#44ffd0;padding:0 1rem;letter-spacing:1px}@media (min-width:600px){.tech{padding:0;margin-right:1.2rem}}@media (min-width:950px){.tech{margin-right:0;font-size:14px}}.img-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media (min-width:950px){.img-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.project-img{height:auto;width:100vw}@media (min-width:600px){.project-img{flex-grow:1;width:90vw}}@media (min-width:950px){.project-img{max-height:400px;width:auto;max-width:100%;max-height:auto}}@media (min-width:1440px){.project-img{max-height:420px}}.r10-img{height:50vh}@media (min-width:950px){.r10-img{height:480px}}.boomtown-img{width:40vw}.msb{height:480px}@media (min-width:600px){.msb{height:500px}}@media (min-width:950px){.msb{padding-right:100px;padding-left:20px;height:520px}}@media (min-width:1440px){.msb{height:600px}}@media (min-width:950px){.direction{flex-direction:row}}@media (min-width:950px){.direction,.direction-rev{display:flex;justify-content:center;align-items:center}.direction-rev{flex-direction:row-reverse;width:100%}}.gh-link-wrapper a{background:none;border-radius:20px;line-height:1;padding:.3rem .3rem .3rem .4rem;text-decoration:none;border:2px solid #44ffd0;color:#44ffd0;transition:.25s}.gh-link-wrapper a:focus,.gh-link-wrapper a:hover{border-color:#19bfd2;color:#fff}.gh-link-wrapper .github-link-ani{display:flex;flex-direction:row;justify-content:center;align-items:center}.gh-link-wrapper .github-link-ani:focus,.gh-link-wrapper .github-link-ani:hover{box-shadow:inset 10.5em 0 0 0 #19bfd2}.icon{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}@media (min-width:600px){.icon{font-weight:600}}@media (min-width:950px){.icon{font-size:10px}}.github-icon{width:28px;height:auto;padding-right:8px}@media (min-width:600px){.github-icon{width:32px}}.gh-text{font-size:12px;margin:0;padding-left:.5rem}@media (min-width:600px){.gh-text{font-size:14px}}.home-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 6%;height:100vh}@media (min-width:600px){.home-container{background-size:contain;padding:0 10%}}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 10%}.about{display:flex;padding:0 1.5rem}@media (min-width:600px){.about{padding:0 2rem}}@media (min-width:950px){.about{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}}.skills{justify-content:space-evenly}.project-container,.skills{display:flex;flex-direction:column;align-items:center}.project-container{justify-content:center;padding-bottom:5rem}.form-container{width:100%}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact .info-wrapper{margin:2rem 0}@media (min-width:950px){.contact .info-wrapper{margin:2rem 0}}.contact .text-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;height:80%;max-width:85%;margin:auto}@media (min-width:600px){.contact .text-wrapper{padding-top:2rem}}@media (min-width:950px){.contact .text-wrapper{max-width:75%}}.text{line-height:1.8;font-size:inherit}.icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;width:100%}@media (min-width:600px){.icon-container{padding:4rem 0;max-width:650px}}.icon-container .icon{color:#fff;width:20px;padding-right:1rem}@media (min-width:600px){.icon-container .icon{width:25px}}.icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;line-height:2.5;text-decoration:none;padding:0 1.5rem}.icon-wrapper:hover{color:#c3ff36}.name-email{display:flex;flex-wrap:wrap;justify-content:space-between}.name-email .width{width:50%}.textField{color:#c3ff36}.contact-form{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.btn{margin:2rem 0}.send-btn{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;width:105px;align-self:flex-end}.contact-images{display:none}.contact-img{max-height:180px}@media (min-width:600px){.contact-img{padding:0 5px}}@media (min-width:950px){.contact-img{max-height:200px;padding:0 .8rem}}.credit{color:#8d8d8d;font-size:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 0;width:100%}@media (min-width:600px){.credit{font-size:12px}}.credit .author{color:#44ffd0;margin-right:5px;text-decoration:none}.credit .author:hover{color:#fff}.form{display:flex;flex-direction:column;max-width:85%;margin:auto}.form input{background:#515152;border-radius:5px;color:#8d8d8d}.form .btn{align-self:flex-end;margin-top:2rem}.video{width:100vw;height:auto}
/*# sourceMappingURL=main.a2299ad2.chunk.css.map */