body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#021e44;background-attachment:fixed;font-family:Poppins,sans-serif;line-height:1.3;padding:0 220px}*,body{margin:0}*{box-sizing:border-box;padding:0}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}@media only screen and (max-width:1050px){body{padding:0 80px}}@media only screen and (max-width:730px){body{padding:0 40px}}@media only screen and (max-width:420px){body{padding:0 22px}}.headroom{left:0;right:0;top:0;z-index:4}.headroom-wrapper{height:0;left:0;position:fixed;right:0;top:0;z-index:10}.headroom--unfixed{position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.headroom--scrolled,.headroom--unfixed{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.headroom--unpinned{-webkit-transform:translateY(-150%);transform:translateY(-150%)}.headroom--pinned,.headroom--unpinned{position:fixed;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.headroom--pinned{-webkit-transform:translateY(0);transform:translateY(0)}.nav-wrapper{height:56px}.nav-wrapper-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#021e44d8;box-shadow:0 5px 15px rgba(0,0,0,.199);height:70px;top:-100px;width:101vw;z-index:3}.blur-hide,.nav-wrapper-mobile{left:0;position:fixed;transition:.3s ease-in-out}.blur-hide{-webkit-backdrop-filter:blur(0) brightness(100%);backdrop-filter:blur(0) brightness(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:105vh;top:0;width:105vw;z-index:-2}.navigation-ul{align-items:center;background:#021e44;box-shadow:0 5px 15px rgba(0,0,0,.151);display:flex;height:0;justify-content:flex-end;padding:50px 60px 20px 0;transition:.3s ease-in-out;width:100%}.navigation-ul li{border-bottom:2px solid rgba(65,132,255,0);color:#cddae7;cursor:pointer;font-family:Inconsolata;font-size:17px;list-style:none;margin:18px 0 46px 20px;padding:5px 10px 3px;transition:.15s}.navigation-ul li span{color:#64ffda;font-size:15px;margin-right:8px}.navigation-ul li:hover{color:#64ffda}.navTop{box-shadow:0 3px 50px transparent}.hamburger-menu{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:5px;position:absolute;right:32px;top:15px;visibility:hidden}.hamburger-menu div{background:#fe3e55;border-radius:5px;height:3px;margin:3.5px;transition:.2s;width:40px}.hamburger-menu .bar-2{width:35px}.hamburger-menu .bar-3{width:30px}.logo p{color:#fff;cursor:default;font-family:Inconsolata;font-size:12px;left:62px;letter-spacing:7px;line-height:18px;position:absolute;position:fixed;top:8px;width:80px}@media only screen and (max-width:1050px){.navigation-ul{margin-right:10px;padding-right:30px}.logo p{color:#ccd3e0;font-family:Inconsolata;font-size:12px;left:82px;letter-spacing:7px;line-height:18px;position:absolute;position:fixed;top:8px;width:80px}}@media only screen and (max-width:730px){.navigation-ul{align-items:flex-start;background:none;background:#21385a;box-shadow:-10px 0 15px rgba(0,0,0,.199);height:100vh;left:110vw;margin-right:0;min-height:400px;padding-bottom:120px;padding-left:17%;position:fixed;top:0;transition:.25s ease-in-out;width:100%}.navigation-ul,.navigation-ul li{display:flex;flex-direction:column;justify-content:center}.navigation-ul li{align-items:center;color:#c3d1e2;font-size:20px;list-style:none;margin:0 0 20px;width:100px}.navigation-ul li span{font-size:17px;margin-bottom:3px;margin-left:5px;margin-right:0}.nav-wrapper-mobile{top:-1px}.navigation-ul-active{left:50%}.hamburger-menu{-webkit-tap-highlight-color:transparent;visibility:visible;z-index:11}.blur-show{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.3s ease-in-out;z-index:3}.hamburger-menu-active{align-items:center}.hamburger-menu-active .bar-1{background:#fe3e55;border-radius:5px;height:3px;margin:3.5px;position:relative;top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:40px}.hamburger-menu-active .bar-2{width:0}.hamburger-menu-active .bar-3{background:#fe3e55;border-radius:5px;bottom:10px;height:3px;margin:3.5px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.logo p{color:#fff;font-family:Inconsolata;font-size:10px;left:40px;letter-spacing:6px;line-height:15px;position:absolute;top:13px;width:80px}}@media only screen and (max-width:650px){.nav-wrapper{height:0}.navigation-ul{padding-left:15%}}@media only screen and (max-width:420px){.navigation-ul{align-items:flex-start;background:#1b3050;box-shadow:-10px 0 10px rgba(0,0,0,.205);display:flex;flex-direction:column;height:73px;height:100vh;justify-content:center;left:110vw;margin-right:0;padding-bottom:120px;padding-left:23%;position:fixed;top:0;transition:.2s ease-in-out;width:100%}.hamburger-menu{right:15px}.logo p{color:#fff;font-family:Inconsolata;font-size:10px;left:23px;letter-spacing:6px;line-height:15px;position:absolute;top:13px;transition:.1s;width:80px}.navigation-ul-active{left:27%}}.AboutMe{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:750px;padding:170px 0;width:100%}.AboutMe div{width:65%}.AboutMe h2{color:hsla(0,0%,100%,.932);display:inline-block;font-family:Roboto;font-size:32px;margin-bottom:5px;padding-right:15px;position:relative;top:-24px;transition:.3s ease-in-out;width:100%}.AboutMe h2 span{color:#64ffda;font-family:Inconsolata;font-size:26px;margin-right:-3px}.AboutMe .es6{bottom:1px;font-size:70%;position:relative;right:3px}.AboutMe .about-box{display:flex;justify-content:space-between;margin-bottom:80px;max-width:950px}.AboutMe .hyperlink{border-radius:2px;color:#64ffda;padding:2px;text-decoration:none;transition:.2s ease-in-out}.AboutMe .hyperlink:hover{color:#64ffda;text-decoration:underline}.AboutMe p{color:#e4f3ff;font-family:Roboto;font-size:17px;font-weight:400;line-height:1.6;margin-bottom:20px;width:100%}.AboutMe img,.AboutMe p{transition:.3s ease-in-out}.AboutMe img{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border-radius:3px;margin-right:30px;margin-top:105px;width:300px}@-webkit-keyframes floating{0%{box-shadow:15px 15px 0 #00ffdd54}50%{box-shadow:15px 15px 0 #64ffdbd8}to{box-shadow:15px 15px 0 #00ffea54}}@keyframes floating{0%{box-shadow:15px 15px 0 #00ffdd54}50%{box-shadow:15px 15px 0 #64ffdbd8}to{box-shadow:15px 15px 0 #00ffea54}}.skills{display:flex;padding-top:0}.skills ul{margin-right:40px;min-width:160px}.skills li{color:#c9dae4;font-family:Inconsolata;line-height:1.8;list-style-type:none}.skills li span{color:#64ffda;padding-right:10px}.about-description{padding-top:50px;width:50%}@media only screen and (max-width:900px){.about-box{align-items:center;flex-direction:column}.AboutMe img{width:250px}.about-description{align-items:center;display:flex;flex-direction:column;padding-right:20px;padding-top:50px;width:100%}.skills{justify-content:flex-start;margin-left:0;padding-left:0}.skills ul{font-size:15px;margin-right:20px;min-width:133px}}@media only screen and (max-width:420px){.AboutMe img{margin-right:20px;width:250px}.AboutMe h2{font-size:25px}.AboutMe .about-description{padding-right:3px}}.Socials{align-items:center;bottom:0;display:flex;flex-direction:column;left:64px;position:fixed;z-index:1}.Socials a{height:22px;margin-bottom:23px;width:22px}.stripe{background:hsla(0,0%,100%,.555);height:120px;margin-top:15px;width:1px}svg{fill:hsla(0,0%,100%,.555);height:22px;margin-bottom:30px;position:relative;transition:.2s;width:22px}svg:hover{fill:#fff}@media only screen and (max-width:1050px){.Socials{left:auto;right:40px}.stripe{height:90px}}@media only screen and (max-width:730px){.Socials{align-items:center;bottom:-100px;display:flex;flex-direction:row;justify-content:center;left:0;position:relative;width:100%;z-index:2}.Socials a{margin:35px 23px 50px 20px}.stripe{background:#cecece00;height:0;margin-top:0;position:absolute;width:0}svg{fill:#b4c5e4;height:26px;position:relative;width:26px}svg:hover{fill:#64ffda}}.Footer{align-items:center;background:#060e1f;cursor:default;display:flex;height:120px;justify-content:center;left:0;position:absolute;width:100%}.Footer a{color:#64ffdb85;text-decoration:none;transition:.2s}.Footer a:hover{color:rgba(255,47,82,.685)}.Footer p{border-radius:1px;color:#597196;font-family:Inconsolata;font-size:15px;margin-top:10px;opacity:1;padding:8px 15px}@media only screen and (max-width:1050px){.Footer{height:90px}}@media only screen and (max-width:730px){.Footer{height:130px}.Footer p{margin-top:60px}}.Projects{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;min-height:750px;padding:70px 0 170px;width:100%}.Projects h2{color:hsla(0,0%,100%,.932);font-family:Roboto;font-size:30px;margin-bottom:5px;padding-right:15px;position:relative;top:23px}.Projects h2 span{color:#64ffda;font-family:Inconsolata;font-size:24px;margin-right:-3px}.Projects .projects-container{grid-gap:100px 40px;display:grid;grid-template-columns:auto-fit,minmax(330px,1fr);grid-template-rows:auto;justify-items:center;padding:70px 0;width:100%}@media only screen and (max-width:900px){.Projects img{width:250px}.Projects .projects-container{padding:70px 20px 70px 0}}@media only screen and (max-width:730px){.Projects .projects-container{padding:70px 0}}@media only screen and (max-width:420px){.Projects img{margin-right:20px;width:250px}.Projects h2{font-size:25px;top:20px}}.ProjectCard{align-items:center;background:#2d344157;border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.24);display:flex;flex-direction:column;justify-content:space-between;max-width:650px;transition:.3s ease-in-out;width:100%}.ProjectCard a{color:#e7e7e7;text-decoration:none}.ProjectCard img{border-radius:4px 4px 0 0;-webkit-filter:brightness(90%);filter:brightness(90%);transition:.2s;width:100%}.ProjectCard img:hover{-webkit-filter:brightness(100%);filter:brightness(100%)}.ProjectCard .card-text{align-items:center;width:100%}.ProjectCard .card-text,.ProjectCard .tech{display:flex;flex-direction:column;justify-content:flex-start}.ProjectCard .tech{padding:10px 20px 20px}.ProjectCard ul{display:flex;margin:5px 0}.ProjectCard li{color:#64ffda;font-family:Inconsolata;list-style-type:none;margin:0;min-width:100px;text-align:left}.ProjectCard li span{padding-right:15px}.ProjectCard h3{color:#ebebeb;font-family:Roboto;font-size:25px;padding:10px 20px;width:100%}.ProjectCard h3 span{cursor:pointer;transition:.25s}.ProjectCard h3 span:hover{color:#fe3e55}.ProjectCard .overlap{border-radius:4px;color:#d4deee;font-size:14px;line-height:1.6;padding:0 20px;right:220px;text-align:left;width:100%}.ProjectCard .overlap span{color:#64ffda;display:inline-block;font-family:Inconsolata;margin-bottom:10px}.ProjectCard .github-hyperlinks{background:#060e1f;border-radius:0 0 4px 4px;display:flex;height:50px;justify-content:space-between;padding:20px;width:100%}.ProjectCard .github-hyperlinks p{bottom:4px;color:#64ffdb88;font-family:Inconsolata;font-size:15px;position:relative}.ProjectCard .github-hyperlinks div{display:flex;justify-content:space-between;width:70px}.ProjectCard .github-hyperlinks a{background:green;margin-bottom:30px;margin-left:10px;margin-top:-6px}.ProjectCard .github-hyperlinks svg{fill:#e2e2e2}.ProjectCard .github-hyperlinks svg:hover{fill:#fe3e55}@media only screen and (max-width:600px){.ProjectCard li{font-size:14px;min-width:80px}}@media only screen and (max-width:500px){.ProjectCard{background:#373c479f}.ProjectCard .tech{display:flex;flex-direction:row;justify-content:space-evenly;padding:10px 20px 20px;width:100%}.ProjectCard h3{color:#ebebeb;font-size:22px;padding:10px 20px;width:100%}.ProjectCard img{margin-right:0}.ProjectCard ul{flex-direction:column;font-size:14px;min-width:80px}.ProjectCard li{font-size:16px;padding:2px 0}}@media only screen and (max-width:730px){.ProjectCard .github-hyperlinks a{margin-top:-9px}.ProjectCard .github-hyperlinks div{width:80px}}.Contact{justify-content:flex-start;margin-bottom:40px;min-height:600px;padding:100px 0 0;width:100%}.Contact,.Contact h2{align-items:center;display:flex;flex-direction:column}.Contact h2{color:#fff;font-family:Roboto;font-size:50px;margin-bottom:70px;padding-right:15px;position:relative;top:23px;transition:.3s ease-in-out}.Contact h2 span{color:#64ffda;font-family:Inconsolata;font-size:17px;margin-bottom:20px}.Contact p{font-family:Inconsolata;font-size:22px;margin-top:-8px;text-align:center;transition:.3s ease-in-out;width:550px}.Contact svg{margin:0;padding:0;width:63%}.Contact .email-button{margin-top:50px;transition:.25s}.Contact a{align-items:center;background-color:#64ffda;border-radius:100%;box-shadow:0 0 15px #ff3e5425;display:flex;height:50px;justify-content:center;position:relative;transition:.25s;width:50px}.Contact a:hover{background:#0b1429;box-shadow:0 0 15px rgba(0,56,139,.192)}.Contact a:hover .st0{fill:#64ffda}.Contact .st0{fill:#000;transition:.25s}@media only screen and (max-width:730px){.Contact{min-height:520px}.Contact p{font-size:18px;width:400px}.Contact h2{font-size:40px}.Contact a{align-items:center;background-color:#0b1429;border-radius:100%;box-shadow:0 0 15px #ff3e5425;display:flex;height:50px;justify-content:center;position:relative;transition:.25s;width:50px}.Contact a:hover{background:#64ffda;box-shadow:0 0 15px rgba(0,56,139,.192)}.Contact a:hover .st0{fill:#0b1429}.Contact .st0{fill:#64ffda;transition:.25s}}@media only screen and (max-width:550px){.Contact p{font-size:18px;width:400px}.Contact h2{font-size:40px}}@media only screen and (max-width:430px){.Contact{min-height:440px}.Contact p{font-size:16px;width:320px}.Contact h2{font-size:36px}.Contact h2 span{font-family:Inconsolata;font-size:14px;margin-bottom:10px}}.number-heading{color:#64ffda;font-family:Inconsolata;font-size:26px;margin-right:-3px;padding-right:10px;padding-top:4px}.heading-work{font-family:Poppins}@media only screen and (max-width:700px){.heading-work{font-size:35px}}h1{color:#e3edff;font-family:Roboto;font-size:70px;margin-bottom:5px}.title-section{display:flex;flex-direction:column;justify-content:center;max-width:1000px;min-height:100vh;padding:50px 0 130px;width:100%}.introduction{color:#fe3e55;font-family:Inconsolata;font-size:20px;margin-left:2px}.introduction,p{margin-bottom:10px;transition:.3s ease-in-out}p{color:#fff;font-size:18px;font-weight:300}.description-title{font-family:Roboto;font-size:16.5px;font-weight:400;line-height:1.6;margin-top:35px;max-width:500px;transition:.3s ease-in-out}.sub-header-title{color:hsla(0,0%,100%,.5);transition:.3s ease-in-out}.contact-button{background:transparent;border:1px solid #64ffda;border-radius:4px;color:#fff;cursor:pointer;font-family:Inconsolata;font-size:18px;margin-right:30px;margin-top:60px;padding:18px 30px;transition:.2s ease-in-out}.contact-button:focus{outline:none}.contact-button:hover{background:#64ffdb18}.orb{-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:orbfloat;animation-name:orbfloat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:linear-gradient(to left bottom,#e100ff,#be033b,rgba(2,30,68,0),rgba(2,30,68,0));border-radius:100%;bottom:-520px;height:1000px;position:fixed;right:-250px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);width:1000px;z-index:-1}@-webkit-keyframes orbfloat{0%{-webkit-transform:translate(30px);transform:translate(30px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translate(30px);transform:translate(30px)}}@keyframes orbfloat{0%{-webkit-transform:translate(30px);transform:translate(30px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translate(30px);transform:translate(30px)}}@media only screen and (max-width:1050px){h1{font-size:60px}p{font-size:16px}.description-title{font-weight:300;margin-top:35px}}@media only screen and (max-width:730px){h1{font-size:50px}p{font-size:16px}.description-title{font-weight:300;margin-top:35px;width:90%}.introduction{font-size:16px}}@media only screen and (max-width:650px){h1{font-size:48px}body{padding:48px}p{font-size:16px}.description-title{font-weight:300;margin-top:35px;width:90%}.introduction{font-size:16px}.title-section{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:-20px auto auto;padding-bottom:50px;width:100%}}@media only screen and (max-width:440px){h1{font-size:32px}p{font-size:14px}.description-title{font-size:15px;font-weight:300;margin-top:35px;width:98%}.introduction{font-size:14px}.title-section{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:-40px auto auto;padding-bottom:50px;width:100%}.sub-header-title{font-size:32px}.contact-button{background:transparent;border:1px solid #64ffda;border-radius:4px;box-shadow:0 2px 1px rgba(0,0,0,.242);color:#fff;cursor:pointer;font-family:Inconsolata;font-size:15px;margin-right:30px;margin-top:50px;padding:15px 18px;transition:.2s ease-in-out}}@media only screen and (max-width:420px){h1{font-size:38px}.title-section{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:5px auto auto;padding-bottom:50px;width:100%}body{padding:25px}.introduction{font-size:18px}.sub-header-title{font-size:38px}.orb{bottom:-600px;right:-275px}}
/*# sourceMappingURL=main.b9b1670e.css.map*/