@import url(https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single+Ink:wght@100..900&family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&family=Raleway:ital,wght@1,200;1,500;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:200}.navContainer{align-items:center;background:#fff;display:flex;height:5rem;justify-content:space-between;left:0;position:fixed;top:0;width:100vw;z-index:200}@media(min-width:990px){.navContainer{height:7rem}}.navContainer .logoContainer{display:block;height:100%}.navContainer .logoContainer .logoImage{display:block;height:5rem}@media(min-width:990px){.navContainer .logoContainer .logoImage{height:7rem}}.navContainer .burgerIcon{background-color:#0000;border:none;height:2rem;margin-right:2rem;outline:none;position:relative;width:2rem}@media(min-width:990px){.navContainer .burgerIcon{display:none}}.navContainer .burgerIcon .line{background-color:gray;height:2px;margin:.3rem;transform-origin:center;width:1.5rem}.navContainer .burgerIcon:hover .line{background-color:#feb633}.up.extend{transform:rotate(45deg)}.down.extend,.up.extend{position:absolute;right:-.3rem;top:.6rem}.down.extend{transform:rotate(-45deg)}.middle.extend{transform:scaleX(0)}.scroll{box-shadow:0 .1rem 1rem #cecece}.navigation{background-color:#fff;font-weight:lighter;left:0;overflow:hidden;position:absolute;right:0;top:5rem;transform:scaleY(0)}@media(min-width:990px){.navigation{background-color:#0000;display:flex;flex-direction:row;height:7rem;justify-content:flex-end;position:fixed;top:0;transform:scaleY(1)}}.navigation .navItem{align-self:center;font-size:1.2rem;font-weight:lighter;margin:0 2rem;position:relative}.navigation .navItem a{color:gray;display:block;font-weight:lighter;position:relative;text-align:center;text-decoration:none;width:100%}.navigation .navItem a:before{background-color:#feb633;bottom:0;content:"";height:.1rem;left:0;position:absolute;transition:.2s ease-in-out;width:0}.navigation .navItem a:hover:before{width:60%}.navigation.extend{align-items:stretch;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:3rem;transform:scaleY(1);transform-origin:top}.navigation.extend .navItem{margin:0 auto 2rem}.navigation.extend .navItem a{display:block;padding:0;text-align:center;text-decoration:none;visibility:1;width:90%}.activeLink{color:#feb633}.navItem.contact{margin-right:5rem}.homeContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:5rem 2rem;max-width:80vw;min-height:90vh;padding:0;width:100%}@media(min-width:684px){.homeContainer{flex-direction:row}}.homeContainer .homeImage{align-items:center;border:1rem solid #feb633;display:flex;justify-content:center;max-width:88vw;overflow:hidden}@media(min-width:1200px){.homeContainer .homeImage{max-width:100vw}}.homeContainer .homeImage img{display:block}.homeContainer .homeTextContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:6rem;min-height:80vh;text-align:center}.homeContainer .homeTextContainer h2{color:#32333c;font-size:4.5rem;line-height:5rem}.homeContainer .homeTextContainer h4{color:#666;font-size:2rem;margin-top:0;max-width:30rem}.homeContainer .homeTextContainer .hireMeBTN{background-color:#feb633;border:2px solid #feb633;border-radius:.2rem;color:#fff;font-family:Poppins;font-size:2rem;font-weight:500;height:5rem;margin-right:15px;outline:none;width:15rem}.homeContainer .homeTextContainer .hireMeBTN:hover{background-color:#0000;color:#feb633}.aboutContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:5rem auto;max-width:1200px;min-height:90vh;width:80vw}@media(min-width:990px){.aboutContainer{padding:0 4rem}}.aboutContainer .aboutText .aboutTextSection{border:.1rem solid #32333c;margin-bottom:8rem;text-align:center}.aboutContainer .aboutText .aboutTextSection h2{align-items:center;background-color:#32333c;color:#fff;display:flex;font-size:1.3rem;justify-content:center;margin-top:-2px;padding:1rem 0}@media(min-width:990px){.aboutContainer .aboutText .aboutTextSection h2{font-size:1.7rem}}.aboutContainer .aboutText .aboutTextSection h4{color:#666;font-size:1rem;margin:1rem}@media(min-width:990px){.aboutContainer .aboutText .aboutTextSection h4{font-size:1.2rem}}.aboutContainer .aboutText .aboutTextSection h4 .aboutLinks{cursor:pointer;text-decoration:none}.aboutContainer .aboutText .aboutTextSection h4 .aboutLinks:active,.aboutContainer .aboutText .aboutTextSection h4 .aboutLinks:hover,.aboutContainer .aboutText .aboutTextSection h4 .aboutLinks:link,.aboutContainer .aboutText .aboutTextSection h4 .aboutLinks:visited{color:#feb633}.skillsContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:5rem auto;max-width:90vw;padding:0}@media(min-width:990px){.skillsContainer{padding:0 4rem}}.skillsContainer .pageTitleContainer{margin-bottom:15rem}@media(min-width:990px){.skillsContainer .pageTitleContainer{margin-bottom:auto}}.graphic{align-items:stretch;background-color:#666;border:.5rem solid #feb633;border-radius:.5rem;display:flex;flex-direction:column;height:80vw;justify-content:space-between;max-width:1200px;padding:1rem;transform:rotate(-90deg);width:80vh}@media(min-width:700px){.graphic{height:60vh;margin:0;padding:.5rem;transform:rotate(0);width:90%}}.graphic .graphic-bg{align-items:center;background-color:#4b4b4b;display:flex;flex-grow:1;height:12%;justify-content:space-between;margin:.2rem auto;position:relative;width:100%}.graphic .graphic-bg .graphic-skill{align-items:stretch;display:flex;flex-grow:1;height:100%;justify-content:flex-start}.graphic .graphic-bg .graphic-skill .skill-level{align-items:center;background-color:#32333c;border:.1rem solid;color:#fff;display:flex;height:100%;justify-content:flex-start;overflow:hidden;padding-left:.5rem;width:5rem}.graphic .graphic-bg .graphic-skill .skill-level-fill{align-items:stretch;background:linear-gradient(45deg,#262627,#feb633);display:flex;justify-content:flex-start;margin:0}.graphic .graphic-bg .skill-level-number{align-items:center;background-color:#4b4b4b;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:3rem}.CSS{width:67%}.HTML{width:72%}.JavaScript,.Vue{width:80%}.React{width:72%}.Express,.Mongoose,.Node-js{width:40%}.Springboot{width:70%}.JAVA{width:50%}.Postgres{width:80%}.Docker{width:60%}.GraphQl{width:80%}.portfolioContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:auto;max-width:1400px;min-height:90vh;padding:2rem 0;width:100%}.portfolioContainer .pageTitleContainer{margin-top:15rem}@media(min-width:990px){.portfolioContainer .pageTitleContainer{margin-top:auto}}.portfolioContainer .projects{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.portfolioContainer .projects .project{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;color:#fff;display:flex;flex-direction:column;height:17rem;justify-content:center;margin:2rem 0;max-width:80vw;padding:2rem;text-decoration:none;transition:.2s ease-in-out;width:20rem}@media(min-width:990px){.portfolioContainer .projects .project{align-items:flex-start;width:30rem}.portfolioContainer .projects .project:hover{box-shadow:2px 2px 2px gray;opacity:.9}}.portfolioContainer .projects .project .projectTitle{font-size:2rem;text-align:center}.portfolioContainer .projects .project .projectDescription{font-size:1.5rem;text-align:center}.yellow{background:linear-gradient(0deg,#feb633cc,#feb633cc)}.grey{background-color:#1a1917cc}.pink{background:linear-gradient(0deg,#fb5997cc,#f577a7cc)}.blue{background:linear-gradient(0deg,#4a82fbcc,#2254facc)}.green{background:linear-gradient(0deg,#24c204cc,#66c852cc)}.link{text-decoration:none}.contactContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:auto;max-width:90vw;min-height:90vh;padding:2rem 0}@media(min-width:990px){.contactContainer{padding:0 4rem}}.contactContainer .formContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:990px;width:90vw}.contactContainer .formContainer .contactField{align-items:stretch;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%}.contactContainer .formContainer .contactField input{background-color:#fff;border:2px solid #d8d8d8;height:2rem;outline-color:#feb633}.contactContainer .formContainer .contactField textarea{background-color:#fff;border:2px solid #d8d8d8;height:6rem}.contactContainer .formContainer .sendBTNField{margin-top:2rem}.contactContainer .formContainer .sendBTNField .sendBTN{background-color:#feb633;border:2px solid #feb633;border-radius:.2rem;color:#fff;font-family:Poppins;font-size:1.2rem;font-weight:700;height:3rem;margin-right:15px;outline:none;width:12rem}.contactContainer .formContainer .sendBTNField .sendBTN:hover{background-color:#0000;color:#feb633}.footerContainer{align-items:stretch;background-color:#f1f1f1;display:flex;flex-direction:column;height:30rem;justify-content:space-evenly;left:0;margin-top:2rem;overflow:hidden;position:absolute;right:0;width:100vw}@media(min-width:990px){.footerContainer{background-image:url(/static/media/logo4.03e7d555c1e0f55e0969.png);background-position:50%;background-repeat:no-repeat;background-size:20rem}}.footerContainer h3{color:#666;text-align:center;width:100%}@media(min-width:990px){.footerContainer h3{font-size:1.5rem}}.footerContainer p{color:#999;text-align:center}@media(min-width:990px){.footerContainer p{font-size:1.2rem}}.footerContainer p a{color:#feb633}.footerContainer .contactInfo{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}@media(min-width:990px){.footerContainer .contactInfo{align-items:center;flex-direction:row;justify-content:space-evenly}}.wafi{color:#feb633}#root{box-sizing:border-box;margin:0;max-width:100vw;padding:0}body,body *{font-family:Poppins,sans-serif;scroll-behavior:smooth;transition:all .2s ease-in-out}body{box-sizing:border-box;flex-direction:column;max-width:100vw;overflow-x:hidden}.pageTitleContainer,body{align-items:center;display:flex}.pageTitleContainer{background-image:url(/static/media/about_shap_bg.52ae40f199716672e866.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:15rem;justify-content:center;width:100%}.pageTitleContainer .pageTitle{font-size:2.8rem;position:relative}.pageTitleContainer .pageTitle:before{background-color:#feb633;bottom:0;content:"";height:.3rem;margin:-.3rem 20%;position:absolute;width:60%}
/*# sourceMappingURL=main.18bf9798.css.map*/