@import url(https://fonts.googleapis.com/css?family=Sacramento);body,html{background-color:#252627;height:80vh;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}@media(min-width:600px){body{font-size:16px;line-height:1.6}}.player-wrapper-row{display:none}@media(min-width:1024px){.player-wrapper-row{display:block}}.player-wrapper-column{display:block}@media(min-width:1024px){.player-wrapper-column{display:none}}.contact{padding-bottom:3rem}.contact .info-wrapper{margin:1rem 0;padding-top:1.5rem;text-align:center}@media(min-width:1024px){.contact .info-wrapper{margin:0}}@media(min-width:1440px){.contact .info-wrapper{margin:2rem 0 1rem}}@media(min-width:2500px){.contact .info-wrapper{padding-top:1rem}}.contact .text-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:80%;justify-content:space-between;margin:1rem auto 0;max-width:85%}@media(min-width:600px){.contact .text-wrapper{margin:2rem auto 0}}@media(min-width:1024px){.contact .text-wrapper{margin:0 auto;max-width:100%}}.text{font-size:inherit;line-height:1.8}.icon-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem;padding-top:1rem;width:100%}@media(min-width:600px){.icon-container{max-width:650px}}.icon-container .icon{color:#fff;padding-right:1rem;width:20px}@media(min-width:600px){.icon-container .icon{width:25px}}.icon-wrapper{align-items:center;color:#fff;display:flex;flex-direction:row;justify-content:center;line-height:2.5;padding:0 1.5rem;text-decoration:none}.icon-wrapper:hover{color:#4aedc4}.name-email{display:flex;flex-wrap:wrap;justify-content:space-between}.name-email .width{width:50%}.textField{color:#4aedc4}.contact-form{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.btn{margin:2rem 0}.send-btn{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:row;justify-content:flex-end;width:105px}.contact-images{display:none}.contact-img{max-height:180px}@media(min-width:600px){.contact-img{padding:0 5px}}@media(min-width:1024px){.contact-img{max-height:200px;padding:0 .8rem}}.credit{align-items:center;color:#8d8d8d;display:flex;flex-direction:row;font-size:10px;justify-content:center;padding-bottom:1rem;width:100%}@media(min-width:600px){.credit{font-size:12px}}.credit .author{color:#14a37f;margin-right:5px;text-decoration:none}.credit .author:hover{color:#fff}.form{display:flex;flex-direction:column;margin:auto;max-width:85%}.form input{background:#515152;border-radius:5px;color:#8d8d8d}.form .btn{align-self:flex-end;margin-top:2rem}.video{height:auto;padding-top:0;width:100vw}body{background-color:#252627;margin:0;padding:0}.App{text-align:center}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.menubar{justify-content:space-between;width:100%}.menubar,.navlinks{align-items:center;display:flex;flex-direction:row}.navlinks{height:80px;justify-content:space-evenly;padding:0 20px;width:75%}@media(min-width:600px){.navlinks{height:80px;margin:auto;padding:0;width:65%}}@media(min-width:1024px){.navlinks{height:90px;width:50%}}.bar-wrapper{background:#282c34;position:relative}.links{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:8px;font-weight:700;justify-content:space-between;letter-spacing:1px;opacity:.8;text-decoration:none;text-transform:uppercase}.links a:active,.links:hover{color:#4aedc4;opacity:1}@media(min-width:600px){.links{font-size:10px;letter-spacing:1.5px}}@media(min-width:1024px){.links{font-size:11px}}.links img{height:45px;width:auto}@media(min-width:600px){.links img{height:50px}}.github-nav{position:absolute;right:10px}@media(min-width:600px){.github-nav{right:5%}}.github-nav .github{background:#0000;display:block;height:45px;position:relative;width:45px;z-index:10}@media(min-width:600px){.github-nav .github{height:50px;width:50px}}.github-nav .githubBG{background-color:#fff;border-radius:55%;height:40px;position:absolute;width:30px}.github-nav .githubBG:hover{background-color:#4aedc4}.active{text-decoration:none}.bmo-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;right:7%;top:1.1rem;z-index:100}@media(min-width:600px){.bmo-wrapper{top:5%}}@media(min-width:1024px){.bmo-wrapper{right:5%;top:3%}}@media(min-width:2500px){.bmo-wrapper{right:15%;top:7%}}.bmo-wrapper .bmo-btn{background:#ffeb3b;color:#fff;opacity:.85;padding:4px 7px;position:relative;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{height:60px;width:62px}}@media(min-width:1024px){.bmo-wrapper .bmo-btn{height:65px;width:67px}}@media(min-width:2500px){.bmo-wrapper .bmo-btn{height:72px;width:74px}}.bmo-wrapper .bmo-btn .bmo-icon{align-items:center;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;opacity:1;width:48px;z-index:99}@media(min-width:600px){.bmo-wrapper .bmo-btn .bmo-icon{padding:3px;width:50px}}@media(min-width:1024px){.bmo-wrapper .bmo-btn .bmo-icon{width:54px}}@media(min-width:2500px){.bmo-wrapper .bmo-btn .bmo-icon{width:60px}}.bmo-wrapper .bmo-btn .bmo-text{bottom:0;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:600;left:0;margin:0;position:absolute;right:0;text-transform:capitalize;z-index:8}.bmo-wrapper .pulse:focus,.bmo-wrapper .pulse:hover{animation:pulse 1s;box-shadow:0 0 0 2em #fff0}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)}}.fill{--color:#a972cb;--hover:#cb72aa}.pulse{--color:#4aedc4;--hover:#4a9ced}.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{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;padding-bottom:2rem;width:100%}@media(min-width:1024px){.about-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;width:80%}}@media(min-width:1440px){.about-content-wrapper{width:70%}}@media(min-width:2500px){.about-content-wrapper{width:55%}}.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:#a972cb}.profile-mobile{border-radius:50%;object-fit:cover;padding:1.5rem 0 1rem}@media(min-width:1024px){.profile-mobile{padding:0}}.tags{color:#37393b;font-family:Sacramento,cursive;font-size:20px;font-weight:600;letter-spacing:1px;margin:0}.bg-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-left:.5rem}@media(min-width:600px){.bg-wrapper{padding-left:1rem}}.bodytags{display:flex;flex-direction:column;justify-content:space-between;padding-left:1rem}.children{padding-left:.5rem}@media(min-width:600px){.children{padding-left:1rem}}.children-home{display:flex;flex-direction:column;justify-content:center}.video-wrapper{padding:1rem}.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:#4aedc4}@media(min-width:600px){.home-title{font-size:45px;letter-spacing:2px;line-height:1}}@media(min-width:1024px){.home-title{font-size:55px;line-height:58px}}@media(min-width:2500px){.home-title{font-size:64px;line-height:64px}}.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:1024px){.title-wrapper .third-line{font-size:49.5px}}@media(min-width:2500px){.title-wrapper .third-line{font-size:54.4px}}.subheading{color:#ffeb3b;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:15px;letter-spacing:2.5px;line-height:1}}@media(min-width:1024px){.subheading{font-size:18px;margin-top:9px}}@media(min-width:1440px){.subheading{font-size:19px}}@media(min-width:2500px){.subheading{font-size:21px}}.title{color:#ffeb3b;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:1024px){.title{line-height:1.1}}@media(min-width:2500px){.title{font-size:55px}}.titlewrapper{padding:1rem 0}.header-wrapper{align-items:center;display:flex;flex-direction:column;height:55px;justify-content:center;margin-top:1rem}@media(min-width:600px){.header-wrapper{height:60px;width:94vw}}@media(min-width:1024px){.header-wrapper{margin-bottom:1rem;width:90vw}}@media(min-width:1440px){.header-wrapper{margin-top:2rem}}@media(min-width:2500px){.header-wrapper{margin-bottom:2rem;width:80vw}}.greybg{border-bottom:2px solid #14a37f;border-top:2px solid #14a37f;position:relative;width:100vw}@media(min-width:600px){.greybg{width:94vw}}@media(min-width:1024px){.greybg{width:90vw}}@media(min-width:2500px){.greybg{width:70vw}}@media(min-width:1024px){.greybg-mob{display:none}}.greybg-desk{display:none}@media(min-width:1024px){.greybg-desk{display:block}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 10%}@media(min-width:1024px){.container{padding:0 15% 2rem}}.form-container{width:100%}.home-container{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:flex-start;padding:0 6%}@media(min-width:600px){.home-container{background-size:contain;padding-left:10%}}@media(min-width:1440px){.home-container{padding-left:15%}}@media(min-width:2500px){.home-container{padding-left:20%}}.home-container .subcontainer{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;margin-top:3rem}@media(min-width:1024px){.home-container .subcontainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;margin-top:0;width:100%}}@media(min-width:1440px){.home-container .subcontainer{margin-bottom:2rem}}@media(min-width:2500px){.home-container .subcontainer{margin-bottom:5rem}}.about{display:flex;padding:0 1.5rem}@media(min-width:600px){.about{padding:0 2rem}}@media(min-width:1024px){.about{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}}.skills{justify-content:space-evenly}.project-container,.skills{align-items:center;display:flex;flex-direction:column}.project-container{justify-content:center;padding-bottom:5rem}@media(min-width:1024px){.project-container{margin:auto;width:90%}}.project-container .title{padding:0 5%}@media(min-width:600px){.project-container .title{padding:0 2rem}}@media(min-width:1024px){.project-container .title{padding:0}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.reverse{color:#4aedc4}.reverse:hover{color:#fff}.J{font-family:Arial,Helvetica,sans-serif;font-size:55px;font-weight:600}.row{align-items:flex-end;display:flex;margin:auto}.btn-wrapper{font-family:OpenSans-Light,Helvetica,sans-serif;margin-top:3rem}@media(min-width:1024px){.btn-wrapper{margin-top:4rem}}.btn-wrapper button{background:none;border:2px solid;border-radius:3px;color:#4aedc4;font-family:inherit;font-weight:550;letter-spacing:1px;line-height:1;padding:.9em 1.7em;transition:.25s}.btn-wrapper button:focus,.btn-wrapper button:hover{border-color:#4aedc4;color:#fff}@media(min-width:600px){.btn-wrapper button{font-size:14px}}@media(min-width:1440px){.btn-wrapper button{font-size:15px}}@media(min-width:2500px){.btn-wrapper button{font-size:16px}}.slide:focus,.slide:hover{box-shadow:inset 0 3.25em 0 0 #4aedc4}.home-container{position:relative}.home-container .scroll-btn{align-items:center;bottom:3%;color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;opacity:.5;position:absolute;right:50%}.home-container .scroll-btn:hover{color:#14a37f;opacity:1}.home-container .scroll-btn p{margin:-5px 0 0}.home-container .scroll-ani{animation:scroll-down 2s infinite alternate}@keyframes scroll-down{0%{transform:translate(0)}10%{transform:translateY(10px)}20%{transform:translate(0)}}.list-container{font-size:14px;line-height:1.5}@media(min-width:600px){.list-container{font-size:16px;margin:2rem}}@media(min-width:1024px){.list-container{margin:0}}.item-container{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:16px;justify-content:center;padding:3rem 0}@media(min-width:600px){.item-container{padding:5% 0}}.item-container .info-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 1.5rem}@media(min-width:1024px){.item-container .info-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around;max-width:520px;padding:0 50px;width:100%}}@media(min-width:1440px){.item-container .info-wrapper{padding:0 75px}}.project-title{color:#4aedc4;font-size:1.7rem;margin:0}@media(min-width:600px){.project-title{font-size:2rem}}@media(min-width:1024px){.project-title{font-size:1.8rem}}.description{margin-bottom:1.5rem;text-align:center}@media(min-width:1024px){.description{margin-bottom:0;padding:0;text-align:left}}.tech-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%}@media(min-width:600px){.tech-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center}}.tech{color:#a972cb;letter-spacing:1px;padding:0 1rem}@media(min-width:600px){.tech{margin-right:1.2rem;padding:0}}@media(min-width:1024px){.tech{font-size:14px;margin-right:0}}.img-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media(min-width:1024px){.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:1024px){.project-img{max-height:400px;max-height:auto;max-width:100%;width:auto}}@media(min-width:1440px){.project-img{max-height:420px}}.r10-img{height:50vh}@media(min-width:1024px){.r10-img{height:480px}}.msb{height:480px}@media(min-width:600px){.msb{height:500px}}@media(min-width:1024px){.msb{height:520px;padding-left:20px;padding-right:100px}}@media(min-width:1440px){.msb{height:600px}}@media(min-width:1024px){.direction{flex-direction:row}.direction,.direction-rev{align-items:center;display:flex;justify-content:center}.direction-rev{flex-direction:row-reverse;width:100%}}.gh-link-wrapper a{background:none;border:2px solid #14a37f;border-radius:20px;color:#14a37f;line-height:1;padding:.3rem .3rem .3rem .4rem;text-decoration:none;transition:.25s}.gh-link-wrapper a:focus,.gh-link-wrapper a:hover{border-color:#a972cb;color:#fff}.gh-link-wrapper .github-link-ani{align-items:center;display:flex;flex-direction:row;justify-content:center}.gh-link-wrapper .github-link-ani:focus,.gh-link-wrapper .github-link-ani:hover{box-shadow:inset 10.5em 0 0 0 #a972cb}.icon{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}@media(min-width:600px){.icon{font-weight:600}}@media(min-width:1024px){.icon{font-size:10px}}.github-icon{height:auto;padding-right:8px;width:28px}@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}}
/*# sourceMappingURL=main.e0c87fe7.css.map*/