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}body{background-color:#2f303a;font-family:Montserrat}*{border:0;box-sizing:border-box;margin:0;padding:0}a{color:inherit;font-family:inherit;font-size:inherit;text-decoration:none}#navbar{background:#2f303a;color:#0d1a26;top:0;height:60px;line-height:60px;width:100vw;z-index:10}.nav-wrapper{margin:auto;text-align:center;width:70%}@media(max-width:768px){.nav-wrapper{width:90%}}@media(max-width:638px){.nav-wrapper{width:100%}}.logoImg{float:left;margin-left:28px;font-size:1.5em;height:30px;letter-spacing:1px;text-transform:uppercase;width:80px;height:80px}@media(max-width:768px){.logoImg{margin-left:5px;height:40px;width:40px}}.socialIcons{float:right;color:#fff;padding-top:6px}#navbar ul{display:inline-block;list-style:none;font-family:Montserrat;font-weight:700;font-size:24px;margin-top:-2px;text-align:right;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out}@media(max-width:640px){#navbar ul{display:none}}@media(orientation:landscape){#navbar ul{display:inline-block}}#navbar li{display:inline-block}#navbar li a{color:#fff;display:block;font-size:1em;height:50px;letter-spacing:1px;margin:0 20px;padding:0 4px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .5s ease;-webkit-transition:all .5s ease}#navbar li a:hover{color:#07d665;transition:all 1s ease;-webkit-transition:all 1s ease}#navbar li a:after,#navbar li a:before{content:"";position:absolute;width:0;height:1px;bottom:-1px;background:#07d665}#navbar li a:before{left:0;transition:.5s}#navbar li a:after{background:#0d1a26;right:0}#navbar li a:hover:before{background:#0d1a26;width:100%;transition:width .5s cubic-bezier((.22,.61,.36,1))}#navbar li a:hover:after{background:transparent;width:100%}@media(max-width:640px){.menuIcon{cursor:pointer;display:block;right:15px;top:20px;height:23px;width:27px;z-index:12}.icon-bars{background:#0d1a26;position:absolute;left:1px;top:45%;height:2px;width:20px;transition:.4s}.icon-bars:before{top:-8px}.icon-bars:after,.icon-bars:before{background:#0d1a26;content:"";position:absolute;left:0;height:2px;width:20px;transition:width .3s .4s}.icon-bars:after{margin-top:0;bottom:-8px}.icon-bars.overlay{background:#617281;background:#b7c7d3;width:20px;animation:middleBar 3s .5s infinite;-webkit-animation:middleBar 3s .5s infinite}@keyframes middleBar{0%{width:0}50%{width:20px}to{width:0}}.icon-bars.overlay:before{background:#617281;background:#b7c7d3;width:10px;animation:topBar 3s .2s infinite;-webkit-animation:topBar 3s 0s infinite}@keyframes topBar{0%{width:0}50%{width:10px}to{width:0}}.icon-bars.overlay:after{background:#617281;background:#b7c7d3;width:15px;animation:bottomBar 3s 1s infinite;-webkit-animation:bottomBar 3s 1s infinite}@keyframes bottomBar{0%{width:0}50%{width:15px}to{width:0}}.menuIcon.toggle .icon-bars{top:5px;transform:translate3d(0,5px,0) rotate(135deg);transition-delay:.1s;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.menuIcon.toggle .icon-bars:before{top:0;transition-delay:.1s;opacity:0}.menuIcon.toggle .icon-bars:after{top:10px;transform:translate3d(0,-10px,0) rotate(-270deg);transition-delay:.1s;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.menuIcon.toggle .icon-bars.overlay{width:20px;opacity:0;transition:all 0s ease 0s}}.overlay-menu{background:#07d665;color:#0d1a26;display:flex;align-items:center;justify-content:center;top:0;right:0;padding-right:15px;transform:translateX(-100%);width:100vw;height:100vh;transition:transform .2s ease-out;position:absolute;z-index:10}.overlay-menu li,.overlay-menu ul{display:block;position:relative}.overlay-menu li a{display:block;font-size:1.8em;letter-spacing:4px;padding:10px 0;text-align:center;text-transform:uppercase;transition:color .3s ease}.overlay-menu li a:active,.overlay-menu li a:hover{color:#1c79b8;transition:color .3s ease}.heroSection{color:#fff;width:180%;margin-top:25%}.introHeader{font-size:3.5em;top:100px;font-family:Montserrat}.contactButton{background-color:#07d665;color:#fff;font-size:1.5rem;font-family:Montserrat;border:2px solid #07d665;font-weight:600;padding:10px;border-radius:50px;margin-right:50px}.contactButton:hover{background-color:#0eaf59;border:2px solid #0eaf59}.cvButton{color:#fff;font-size:1.5rem;font-family:Montserrat;font-weight:600;padding:10px;border:2px solid #07d665;border-radius:50px}.cvButton,.cvButton:hover{background-color:transparent}.cvButton:hover{border:2px solid #07d665}@media screen and (max-width:600px){.heroSection{width:230%;margin-top:60px}.introHeader{font-size:24px}.backgroundAnimationDiv{display:none}.contactButton{margin-right:10px}.contactButton,.cvButton{font-size:.8em;margin-bottom:20%}.cvButton{background-color:#fff;color:#07d665}}.h2About{color:#fff;font-weight:700;font-style:normal}.pAbout{color:#fff;font-weight:600}.circle{background-color:#07d665;margin-bottom:3%}.circle,.myImage{height:350px;width:350px;border-radius:50%}.myImage{margin-left:20%}.contactinfo{margin-bottom:10%;margin-top:2%}.aboutInfo{color:#fff;font-size:1.2em;font-family:roboto;font-style:normal;font-weight:500}.aboutIcons{color:#07d665;font-size:3em}@media screen and (max-width:600px){.circle{margin-left:20px}.circle,.myImage{height:250px;width:250px}.contactinfo{display:inline-flex;font-size:10px;flex-wrap:wrap;align-content:stretch;justify-content:space-evenly;align-items:center}}.h2Skills{color:#fff;font-weight:700;font-style:normal;margin-bottom:5%}.CircularProgressbar{width:200px}.CircularProgressbar .CircularProgressbar-path{stroke:#07d665}.CircularProgressbar .CircularProgressbar-text{fill:#fff;font-size:1em;font-weight:700;text-anchor:middle}.programmingHeadline{color:#fff;font-weight:700;margin-top:10%;right:5%}.first4Skills,.second4Skills{margin-bottom:10%}@media screen and (max-width:600px){.CircularProgressbar{width:100px;margin-left:30px}.programmingHeadline{font-size:16px;text-align:center}.first4Skills{margin-bottom:0}}.h2Div{margin-top:5%;margin-bottom:5%}.pContact{color:#fff;font-weight:500}.inputForm,.pContact{font-family:Montserrat}.inputForm{background-color:#000;border:2px solid #07d665;font-weight:600}.formControl:not(active){color:#fff}input[as=textarea]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:#fff}input[type=email]::-webkit-input-placeholder{color:#fff}.navbar-light .navbar-brand{width:100%;justify-content:center}.footerStyle{margin-right:35vw;background-color:#000}.ContainerStyle{width:100%;background-color:#000}.h2Projects{width:65%;color:#fff;float:left}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:480px){.pl{padding:10px}.pl-texts{width:100%}.pl-desc{display:none}}.p{width:30%;height:40vh;margin:20px 10px;border:2px solid #f3f2f2;border-radius:10px 10px 0 0;overflow:hidden}.p-browser{height:20px;background-color:#f3f2f2;display:flex;align-items:center;position:-webkit-sticky;position:sticky;z-index:2}.p-circle{width:6px;height:6px;border-radius:50%;margin:3px;background-color:#fff}.p-img{width:100%;transition:all 10s ease}.p:hover .p-img{transform:translateY(-100%)}@media screen and (max-width:480px){.p{width:40%;height:20vh}}
/*# sourceMappingURL=main.be3cc591.chunk.css.map */