.App{align-items:center;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{background-color:#fff9e9;margin:0;max-height:100vh;overflow-y:auto}h5{font-size:14px}@media screen and (max-width:700px){*{opacity:1!important}.App{align-items:center;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{max-width:100%;overflow-x:hidden}}.navbar{align-items:center;background-color:#262626;color:#fff;display:flex;flex-direction:row;height:10%;justify-content:space-between;position:fixed;top:0;width:100%;z-index:1000}.navbar .leftSide{display:flex;font-weight:bolder;margin:30px}.navbar .leftSide h3{cursor:pointer;font-size:2rem;height:100%}.navbar .rightSide a{cursor:pointer;font-size:20px;margin:30px;position:relative}.navbar .rightSide a:before{background-color:#fff9e9;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:all .5s;width:0}.navbar .rightSide a:hover:before{width:100%}.navbar .reorderIcon{cursor:pointer;display:none;height:40px;width:40px}.navbar .reorder{display:none;margin-right:40px;transition:all .5s}.navbar .reorderLinks{align-items:center;animation:reorderLinksDropdown .5s;background-color:#262626;color:#fff;display:none;flex-direction:column;font-size:3rem;height:100vh;left:0;margin-top:2%;overflow-y:auto;position:absolute;width:100%;z-index:-1000}.navbar .reorderLinks a{cursor:pointer;margin-top:10%}.navbar .reorderLinks a:hover{scale:1.1;transition:scale .1s}.display{display:flex!important}@media screen and (max-width:700px){.rightSide{display:none}.leftSide{flex-grow:1;justify-content:center;margin-right:-40px!important}.navbar .reorder,.navbar .reorderIcon{display:inline-block}}.reorderIconAnim{animation:rotate .6s}@keyframes rotate{0%{rotate:0deg}to{rotate:1turn}}@keyframes reorderLinksDropdown{0%{color:#262626;font-size:0;transform:translateY(-850px)}40%{color:#262626}to{color:#fff;font-size:3rem;transform:translateY(0)}}.card{align-items:center;display:flex;flex-direction:row-reverse;font-size:55px;font-weight:bolder;justify-content:center;margin-top:150px;text-align:center;text-align:left;width:100%}.card p{color:#6b6b6b;font-size:17px;font-weight:100}.card a{color:inherit}.profileImage{height:420px;margin-left:40px;position:relative;width:420px}.profileImage:before{animation:morph 14s ease-in-out infinite;background:#262626;background-image:url(/static/media/profileImage.54a9e24556343acd422d.png);background-size:100%;border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.wavingEmoji{animation:waveHandEmoji 5.5s infinite;display:inline-block;transform-origin:70% 70%}.card .cardText{flex-direction:column;max-width:100%;width:430px}.card a{cursor:pointer}.githubIcon,.linkedInIcon{display:inline-block;transition:transform .3s ease}.card .githubIcon:hover,.card .linkedInIcon:hover{transform:scale(1.3)}@keyframes morph{0%{border-radius:50% 50% 50% 50%}25%{border-radius:55% 45% 55% 45%}50%{border-radius:45% 55% 45% 55%}75%{border-radius:50% 50% 55% 45%}to{border-radius:50% 50% 50% 50%}}@keyframes waveHandEmoji{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media screen and (max-width:700px){.card{flex-wrap:wrap;width:390px}.card .cardText{margin-top:10%}.profileImage{height:340px;margin-left:0;width:340px}.card .cardText{font-size:42px;text-align:center;width:90%}.githubIcon,.linkedInIcon{margin:0 10px}}.techstack{align-items:center;display:flex;flex-direction:row;margin-top:60px;width:30%}.techstack h4{border-right:2px solid #000;font-size:20px;padding:5px 20px 5px 5px}.techstack img{height:33px;margin-left:35px;padding:5px;transition:transform .3s;width:33px}.techstack img:hover{transform:translateY(-10px)}@media screen and (max-width:700px){.techstack{flex-direction:column;flex-wrap:wrap;margin-top:140px;padding:0;width:70%}.techstack img{margin-top:10px}.techstack h4{border:none;font-size:24px;padding:none}}.about{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-top:300px;text-align:left;width:58%}.about h5{color:blue;font-weight:bolder}.about h3{font-size:23px;font-weight:bolder;margin-top:-15px}.about p{color:grey;font-size:16px;margin-top:-5px}.about img{border:3px solid #000;border-radius:10%;height:350px}.aboutText{display:flex;flex-direction:column;margin-top:-15px;opacity:0}.aboutPhaseInFromRight{animation:PhaseInFromRight .5s;opacity:100%!important;transition:all .5s}.aboutText.aboutPhaseInFromRight{animation:PhaseInFromRight .6s;opacity:100%!important;transition:all .5s}.aboutText.aboutPhaseInFromRight h5{animation:PhaseInFromRight .9s;opacity:100%!important;transition:all .5s}.aboutImage{opacity:0}@media screen and (max-width:700px){.about{flex-direction:column-reverse;margin-top:300px;opacity:1;text-align:center;width:90%}.about img{height:90%;width:90%}.aboutText{margin-bottom:10px;margin-top:0;width:90%}}.portfolio{align-items:center;display:flex;flex-direction:column;margin-top:300px;max-width:80%}.portfolio h5{color:blue;font-weight:bolder}.portfolio h2{font-size:30px;font-weight:bolder;margin-bottom:70px;margin-top:-20px}.portfolio img{background-color:#000;border:3px solid #000;border-radius:10%;width:300px}.portfolio .WeightTrackerImage{width:280px}.portfolio .projectBox{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;opacity:0;width:600px}.portfolio .projectBox img{height:230px;object-fit:contain}.portfolio .projectBoxReverse{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:50px;opacity:0;width:600px}.portfolio .projectText{flex-direction:column;text-align:center;width:240px}.portfolio .projectText p{color:grey}.portfolio .projectText h3{font-size:20px}.portfolio .projectText .projectTextLinks{align-items:center;display:flex;flex-direction:row;justify-content:center}.portfolio .projectText a{align-items:center;border-radius:5px;color:#000;display:flex;font-size:15px;font-weight:700;justify-content:center;margin-left:10px;margin-right:10px;text-decoration:none}.portfolio .projectText a:hover{transform:scale(1.1);transition:transform .5s}.portfolioPhaseInFromRight{animation:PhaseInFromRight .5s;opacity:100%!important;transition:all .5s}.portfolioTitle.portfolioPhaseInFromRight h5{animation:PhaseInFromRight 1.3s;opacity:100%!important;transition:all .5s}.portfolioPhaseInFromLeft{animation:PhaseInFromLeft .5s;opacity:100%!important;transition:all .5s}@keyframes PhaseInFromLeft{0%{transform:translateX(-500px)}to{transform:translateX(0)}}@media screen and (max-width:700px){.projectBox,.projectBoxReverse{align-items:center;flex-direction:column!important;justify-content:center}.portfolioTitle{text-align:center}.portfolio .projectBox,.portfolio .projectBoxReverse{margin-bottom:150px;width:300px}}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:300px}.contact .contactContainer{display:flex;flex-direction:row-reverse;gap:40px}.contactRightSide{display:flex;flex-direction:column}.contact .contactTitle{opacity:0}.contact .contactTitle h5{color:blue;font-weight:bolder;opacity:0}.contact .contactTitle h2{font-size:30px;font-weight:bolder;margin-bottom:50px;margin-top:-28px}.contact .contactIcons{display:flex;flex-direction:column;height:300px;justify-content:space-between;margin-top:25px}.contact .contactMail,.contactLocation,.contactNumber{align-items:center;display:flex;justify-content:center;opacity:0}.contact .mailIcon,.locationIcon,.numberIcon{align-items:center;background-color:#262626;border-radius:50%;box-shadow:0 0 20px #0006;color:#fff;display:flex;height:45px;justify-content:center;width:45px}.contact .mailText,.locationText,.numberText{margin-left:10px;width:190px}.contact a{display:inline-block;text-decoration:none}.contact a,.contact p{color:grey;transform:translateY(-15px)}.contact a:hover{color:blue}.contact .contactForm{background-color:#262626;border-radius:10%;box-shadow:0 0 20px #0006;color:#fff;display:flex;flex-direction:column;height:350px;opacity:0;text-align:center;width:400px}.contactFormScaleAnim{animation:scaleAnimation 1s forwards}.contact .contactForm .contactFormTitle{display:flex;justify-content:center;margin-bottom:40px;text-align:center}.contactFormTitleText{border-right:1px solid #fff;opacity:0;overflow:hidden;white-space:nowrap;width:233px}.contactFormTitleTypingAnim{animation:typingAnimation 3s steps(27) 2.5s forwards,typingAnimationCursor .4s step-end infinite alternate}.contact .contactForm .contactFormInput{align-items:center;display:flex;flex-direction:column;margin-top:40px}.contact .contactForm .contactFormInput .field{border:2px solid #fff;border-radius:6px;font-size:16px;height:30px;margin-top:5px;outline:none;width:210px}.contact .contactForm .contactFormInput .field-Mess{border:2px solid #fff;border-radius:6px;font-size:16px;height:100px;margin-top:8px;outline:none;width:250px}.contact .contactForm button{background:#fff;border:3px solid #262626;border-radius:6px;cursor:pointer;font-size:18px;font-weight:500;height:30px;margin-top:20px;width:100px}.contact .contactForm button:hover{transform:translateY(1px);transition:all .2s}.contactFormInputMessage{margin-top:-16px}.contactFormInputEmail{margin-top:-35px}.pointingDownEmoji{animation:pointDown 3.5s ease-in-out infinite;display:inline-block;font-size:35px}@keyframes pointDown{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes typingAnimation{0%{opacity:0;width:0}1%{opacity:100%;width:0}to{opacity:100%;width:233px}}@keyframes typingAnimationCursor{50%{border-color:#0000}}@keyframes scaleAnimation{0%{filter:blur(5px);opacity:0;scale:0}to{filter:blur(0);opacity:100%;scale:100%}}.contactPhaseInFromRight{animation:PhaseInFromRight .5s;opacity:100%!important;transition:all .5s}.contactEmailIconPhaseInFromRight,.contacth5PhaseInFromRight{animation:PhaseInFromRight 1.3s;opacity:100%!important;transition:all .5s}.contactLocationIconPhaseInFromRight{animation:PhaseInFromRight 1.6s;opacity:100%!important;transition:all .5s}.contactNumberIconPhaseInFromRight{animation:PhaseInFromRight 1.9s;opacity:100%!important;transition:all .5s}@keyframes PhaseInFromRight{0%{transform:translateX(500px)}to{transform:translateX(0)}}@media screen and (max-width:700px){.contact{align-items:center;display:flex;justify-content:center;margin-top:0}.contact,.contact .contactContainer{flex-direction:column;width:90%}.contact .contactTitle{text-align:center}.contact .contactForm{height:350px;width:100%}.contact .contactForm button{color:#000;font-size:16px}.contact .contactTitle h2{font-size:32px;font-weight:bolder;margin-bottom:50px;margin-top:-28px}.pointingDownEmoji{font-size:40px}}.footer{align-items:center;background-color:#262626;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-between;margin-top:300px;width:100%}.footer .footerSocials{margin-top:30px}.footer .footerSocials a{color:#fff;display:inline-block;margin:0 15px;transition:transform .3s ease}.footer .footerSocials a:hover{transform:scale(1.3)}.footer .footerLinks a{cursor:pointer;font-size:16px;margin:0 30px}@media screen and (max-width:700px){.footer{margin-top:100px}.footer .footerLinks a{margin:0 15px}}
/*# sourceMappingURL=main.027ccdcb.css.map*/