*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#8e8e8e #fff;scrollbar-width:thin}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;min-height:100vh}.nav,body{background-color:#fff;width:100%}.nav{box-shadow:0 0 10px #00000017;display:flex;gap:1rem;justify-content:space-between;padding:3rem;position:-webkit-sticky;position:sticky;top:0;z-index:200}.nav h2{color:#2d2e32;cursor:pointer;display:grid;font-size:1.3}.nav h2,.navLinks{align-items:center}.navLinks{display:flex;gap:2.5rem;justify-content:space-between;list-style-type:none}.navLinks a{color:#2d2e32;cursor:pointer;font-size:1.2rem;font-weight:700;text-decoration:none}.hamburger{display:none}@media screen and (max-width:900px){.hamburger{-webkit-appearance:none;appearance:none;background:none;border:none;display:block;position:relative;width:32px;z-index:5}.hamburger .bar,.hamburger:after,.hamburger:before{background-color:#2d2e32;content:"";display:block;height:5px;margin:6px;transition:.4s;width:100%}.hamburger.is-active:before{transform:rotate(-45deg) translate(-9px,6px)}.hamburger.is-active .bar{opacity:0}.hamburger.is-active:after{transform:rotate(45deg) translate(-9px,-6px)}.navLinks{background-color:#fff;display:block;left:100%;line-height:6rem;min-height:100vh;overflow-x:hidden;padding-top:130px;position:fixed;text-align:center;top:0;transition:.4s ease-in-out;width:100%;z-index:2}.is-active{left:0}}.home{background-color:#f9f9f9;margin-bottom:3rem;padding:3rem}.hero-main{align-items:center;gap:10rem;justify-content:center}.hero-main,.hero-text{display:flex;position:relative}.hero-text{flex-direction:column;line-height:2.5rem;max-width:50rem}.hero-text h1{color:#2d2e32;font-size:2.5rem;font-weight:700;line-height:1.2;margin-top:2rem}.hero-text p img{transform:translateY(5rem)}.wave{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:wave-animation;display:inline-block;transform-origin:70% 70%}@keyframes wave-animation{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)}}.hero-text p{color:#555;font-family:Mulish,sans-serif;font-size:1.2rem;font-weight:500}.hero-text span{cursor:pointer;display:flex;gap:1.3rem;margin:2.5rem 0}.hero-text span a{color:#2d2e32;font-size:2rem;transition:all .2s}.hero-img{animation:morph 8s ease-in-out infinite;background-image:url(/static/media/profile.4537caaa2aa004a1eaf1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:26rem;margin-bottom:3rem;position:relative;transition:all 1s ease-in-out;width:35rem}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{align-items:center;color:#767676;display:flex;font-size:1.3rem;gap:2rem}.skills p{border-right:2px solid #2d2e3280;color:#2d2e32;font-family:Mulish,sans-serif;font-size:1.5rem;font-weight:700}.skills ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.skills ul li{cursor:pointer}.skills ul li img{height:3rem;transition:all .3s ease-in-out;width:auto}.skills ul li img:hover{transform:translateY(-5px)}@media (max-width:900px){.hero-main{flex-direction:column-reverse;gap:3rem;height:auto;text-align:center}.hero-text span{gap:1.6rem;justify-content:center}.hero-img{height:30rem;width:25rem}.skills{flex-direction:column;position:static}.skills ul{justify-content:center}.skills p{border-bottom:2px solid #2d2e3280}}@media (max-width:500px){.hero-img{height:20rem;width:15rem}}.about{margin-bottom:3rem;padding:3rem}.about-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-content:center}.img-side{position:relative}.work-emoji{bottom:15px;position:absolute;right:120px;width:5rem!important;z-index:10}.mainimg{border-radius:1.7rem;height:25rem;width:30rem}.img-side span{background-color:#fff;border-radius:50%;bottom:-80px;height:15rem;position:absolute;right:40px;width:15rem}.img-side span img{animation:rotate 9s linear infinite;width:15rem}@keyframes rotate{to{transform:rotate(1turn)}}.text-side h3{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.text-side h4{color:#2d2e32;font-family:Poppins,sans-serif;font-size:2.5rem;line-height:1.4;margin-bottom:1rem}.text-side p{color:#767676;font-family:Mulish,sans-serif;font-size:1.2rem;font-weight:500;line-height:1.5}.cv a{color:#147efb;font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-decoration:none;text-transform:uppercase}@media (max-width:1020px){.about-content{grid-template-columns:1fr;text-align:center}.text-side{margin:0 auto}}@media (max-width:768px){.img-side span,.work-emoji{display:none}}@media (max-width:500px){.mainimg{height:auto;width:100%}}.project{background-color:#f9f9f9;margin-bottom:2rem;padding:15rem 0}.project .container{margin:0 auto;max-width:107rem;padding:0 4rem}.project h2,.project h3{color:#147efb;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.projectCard{box-shadow:0 5px 5px #000;line-height:3.5rem;margin-bottom:3rem;min-height:500px;padding:1rem;width:100%}.projectCard .imageContainer{height:350px;margin-bottom:1.4rem;width:100%}.project1ImageContainer{background-image:url(/static/media/Prompt-Quest.94d1f2b5042085c31508.png);background-position:top;background-size:cover}.project2ImageContainer{background-image:url(/static/media/commerceApp.7bd92577dda1afc1aa6c.png);background-position:top;background-size:cover}.project3ImageContainer{background-image:url(/static/media/gym-app.1bbf262c2d6e75c07eb5.png);background-position:top;background-size:cover}.project4ImageContainer{background-image:url(/static/media/car-rental-app.c81192f62be8025591ca.png);background-position:top;background-size:cover}.project p{color:#767676;font-family:Mulish,sans-serif;font-size:1.2rem;font-weight:500;line-height:2.5}.projectCard a{color:#147efb;font-size:1.2rem;font-weight:700;text-decoration:none}@media screen and (max-width:600px){.projectCard .imageContainer{background-size:cover;height:120px}.projectCard{font-size:1rem;height:auto;line-height:2rem}}.contact{background-color:#fff;padding:3rem}.contact_content{display:flex;flex-direction:column}.contact_title h3{color:#147efb;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.contact_title p{color:#2d2e32;font-size:1.5rem;margin-bottom:2rem}input[type=submit]{background-color:#2d2e32;border:none;color:#fff;cursor:pointer;display:inline-block;font:16px/30px opensans-bold,sans-serif;height:auto;letter-spacing:0;margin-bottom:18px;padding:12px 20px;text-decoration:none;transition:.3s ease-in-out}input[type=submit]:hover{background-color:#11abb0}fieldset,form{margin-bottom:24px}fieldset{border:none;width:100%}input[type=email],input[type=password],input[type=text],select,textarea{background:#d3d9d9;border:0;color:#3d4145;display:block;font-size:16px;line-height:24px;margin:0 0 24px;min-width:225px;outline:none;padding:18px 15px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{background-color:#3d4145;color:#b3b7bc}.contact label{color:#647373;font-size:1.2rem}.hidden{display:none}.submitSucceded{font-size:1.5rem}@media screen and (max-width:555px){#contactMessage{width:100%}fieldset{width:auto}input[type=email],input[type=password],input[type=text],select,textarea{padding:8px 10px;width:auto}}@media screen and (max-width:390px){fieldset{width:auto}input[type=email],input[type=password],input[type=text],select,textarea{padding:auto;width:200px}}.success-message{color:#3d4145}footer{background-color:#2d2e32;margin-bottom:1rem;padding:3rem;width:100%}.footerc{align-items:center;display:flex;gap:2rem;justify-content:space-between}footer h3{align-items:center;color:#fff;display:grid;font-size:1.5rem}.footerc-socials{align-items:center;display:flex;gap:2rem;justify-content:center}.footerc-socials a{color:#fff;font-size:1.5rem}@media (max-width:550px){.footerc{flex-wrap:wrap;gap:2rem;justify-content:center;text-align:center}}
/*# sourceMappingURL=main.9eb66bba.css.map*/