@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:"PT Serif",serif}:root{--bg-color: #fdfdfd;--text-color: #333;--main-color: #211f48;--white-color: #fdfdfd;--shadow-color: rgba(0,0,0,.2);--header-color: #25253a}.dark-mode{--bg-color: #121114;--text-color: #fdfdfd;--shadow-color: rgba(0,0,0,.7);--main-color: #4f478f}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 5%;background:transparent;display:flex;align-items:center;z-index:100;transition:.5s ease}.header.sticky{background:var(--header-color);box-shadow:0 .1rem 1rem var(--shadow-color)}#menu-icon{font-size:3.6rem;color:var(--text-color);display:none}.logo{font-size:2.5rem;color:var(--main-color);font-weight:600;cursor:default;margin-right:auto;transition:.5s ease}.header.sticky .logo{color:var(--white-color)}.navbar a{position:relative;font-size:1.7rem;color:var(--white-color);font-weight:500;margin-right:2.5rem}.navbar a.active:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:.2rem;background:var(--white-color)}#darkMode-icon{font-size:2.4rem;color:var(--white-color);cursor:pointer}section{min-height:100vh;padding:8rem 4.7% 2rem}.home{display:flex;align-items:center}.home .home-content{max-width:43rem}.home-content h3{font-size:2.9rem;font-weight:700;line-height:1}.home-content h5{font-size:2rem;font-weight:500}.home-content h1{font-size:4rem;font-weight:700;margin-bottom:.3rem}.home-content p{font-size:1.2rem;font-weight:300}.home-content .social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:2rem;color:var(--main-color);margin:2.5rem 1.5rem 3rem 0;transition:.5s ease}.home-content .social-media a:hover{background:var(--main-color);color:var(--white-color)}.btn{display:inline-block;padding:1.2rem 2.8rem;background:var(--main-color);border-radius:.6rem;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:1.6rem;color:var(--white-color);letter-spacing:.1rem;font-weight:600;border:.2rem solid transparent;transition:.5s ease}.btn:hover{background:transparent;color:var(--main-color);border-color:var(--main-color)}.home .profession-container{position:absolute;top:50%;right:0;transform:translateY(-50%);width:768px;height:768px;overflow:hidden;pointer-events:none}.home .profession-container .profession-box{position:absolute;top:0;right:0;width:768px;height:768px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:professionRotate 13s ease-out infinite}@keyframes professionRotate{0%,25%{transform:rotate(0)}30%,55%{transform:rotate(-120deg)}60%,85%{transform:rotate(-240deg)}to{transform:rotate(-360deg)}}.home .profession-box .profession{position:absolute;left:0;display:flex;align-items:center;flex-direction:column;color:var(--main-color);transform:rotate(calc(360deg / 3 * var(--i)));transform-origin:384px;background:var(--bg-color);padding:13px 0}.home .profession-box .profession:nth-child(1){margin-right:15px}.home .profession-box .profession:nth-child(2),.home .profession-box .profession:nth-child(3){padding-bottom:20px}.home .profession i{font-size:3.5rem}.home .profession h3{font-size:3.2rem;line-height:1;font-weight:600}.home .profession-box .circle{width:560px;height:560px;border:3px solid var(--main-color);border-radius:50%}.home .profession-container .overlay{position:absolute;top:0;right:0;width:0;height:0;border-top:384px solid var(--main-color);border-right:384px solid var(--main-color);border-bottom:384px solid var(--main-color);border-left:384px solid transparent}.home-img img{position:absolute;bottom:0;right:0;width:30%;pointer-events:none}span{color:var(--main-color)}.about{display:flex;justify-content:center;align-items:center;gap:4rem}.about-img img{width:40vw}.heading{font-size:4.5rem;text-align:center}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.skills{min-height:auto;padding:7rem}.skills h2{margin-bottom:5rem}.skills .skills-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.skills-container .skills-box{flex:1 1 30rem;background:var(--bg-color);padding:3rem 2rem 4rem;border-radius:2rem;box-shadow:0 .1rem .5rem var(--shadow-color);text-align:center;border-bottom:1rem solid #10337d;border-left:.2rem solid var(--main-color);border-right:.2rem solid var(--main-color);transition:.5s ease}.skills-container .skills-box:hover{box-shadow:0 .1rem 2rem var(--shadow-color);transform:scale(1.02)}.skills-box i{font-size:7rem;color:var(--main-color)}.skills-box h3{font-size:2.6rem;transition:.5s ease}.skills-box:hover h3{color:var(--main-color)}.skills-box p{font-size:1.6rem;margin:1rem 0 3rem}.portfolio{padding-bottom:10rem}.portfolio h2{margin-bottom:4rem}.portfolio .portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem}.portfolio-container .portfolio-box{position:relative;display:flex;border-radius:2rem;box-shadow:0 0 1rem #0000001a;overflow:hidden}.portfolio-box img{width:100%;transition:.5s ease}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--main-color));color:var(--white-color);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;opacity:0;transition:.5s ease}.portfolio-box:hover .portfolio-layer{opacity:1}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{font-size:1.5rem;margin:.3rem 0 1rem}.portfolio-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--white-color);border-radius:50%}.portfolio-layer a i{font-size:2rem;color:#333}.testimonial-container{display:flex;align-items:center;flex-direction:column;width:100%;padding:5rem 1rem}.testimonial-container .testimonial-wrapper{position:relative;max-width:90rem;width:100%;padding:5rem}.testimonial-wrapper .testimonial-box{padding:1rem;border-radius:2rem;overflow:hidden}.testimonial-content .testimonial-slide{display:flex;align-items:center;flex-direction:column;background:var(--bg-color);border-radius:2rem;box-shadow:0 .1rem .5rem var(--shadow-color);padding:3rem 5rem;border-top:.8rem solid var(--main-color);border-bottom:.8rem solid var(--main-color)}.testimonial-slide img{width:14rem;height:14rem;object-fit:cover;border-radius:50%;border:.5rem solid var(--bg-color);outline:.5rem solid var(--main-color)}.testimonial-slide h3{font-size:2.5rem;margin:2rem 0}.testimonial-slide p{font-size:1.4rem;text-align:center}.testimonial-box .swiper-button-next,.testimonial-box .swiper-button-prev{color:var(--main-color)}.testimonial-box .swiper-button-next{right:0}.testimonial-box .swiper-button-prev{left:0}.testimonial-box .swiper-pagination-bullet{background:#000c}.testimonial-box .swiper-pagination-bullet-active{background:var(--main-color)}.contact h2{margin-bottom:3rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--bg-color);border-radius:.8rem;margin:.7rem 0;box-shadow:0 .1rem .5rem var(--shadow-color)}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:2rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 7%;background:var(--main-color)}.footer-text p{font-size:1.6rem;color:var(--white-color)}.footer-icontop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;background:var(--white-color);border-radius:.8rem;border:.2rem solid var(--main-color);outline:.2rem solid transparent;transition:.5s ease}.footer-icontop a:hover{outline-color:var(--white-color)}.footer-icontop a i{font-size:2.4rem;color:#333}@media (max-width: 1200px){html{font-size:55%}.home .profession-container{height:85.8rem}.home .profession-container .profession-box{right:-12rem;height:85.8rem}.home .profession-container .overlay{right:-9rem}}@media (max-width: 1024px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.home .profession-container .profession-box{right:-22rem}.home .profession-container .overlay{right:-15rem}}@media (max-width: 991px){.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--main-color)}.navbar a.active:before{background:var(--main-color);opacity:.7}.home .home-content{max-width:50rem}.home .profession-container .profession-box{right:-45rem}.home .profession-container .overlay{right:-39.5rem}.home-img img{display:none}.skills,.portfolio{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width: 768px){#menu-icon{display:block}#darkMode-icon{position:absolute;right:7rem;font-size:2.6rem;color:var(--text-color);margin-bottom:.1rem}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0000001a;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0;color:var(--text-color)}.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--text-color)}.navbar a.active{color:var(--main-color)}.navbar a:before{display:none}.home{padding:0 3% 10rem;justify-content:center;text-align:center}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-content h5{font-size:1.8rem}.home-content .social-media a{margin:2.5rem .75rem 3rem}.home .profession-container{left:0;width:100%;height:100%}.home .profession-container .profession-box{position:fixed;top:70%;left:0;border-radius:0;width:100%}.home .profession-box .profession{padding:0 13px;left:auto;transform-origin:0}.home .profession-box .profession:nth-child(1){transform:rotate(0) translateY(-290px)}.home .profession-box .profession:nth-child(1) i{margin-right:0}.home .profession-box .profession:nth-child(2){transform:rotate(120deg) translate(-151px,-385px)}.home .profession-box .profession:nth-child(3){transform:rotate(240deg) translate(-130px,-220px)}.home .profession-box .circle{position:fixed;width:570px;height:570px;z-index:-1}.home .profession-container .overlay{position:fixed;top:70rem;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.about{flex-direction:column-reverse;text-align:center}.about-content h2{text-align:center}.about-img img{width:70vw;margin-top:-2rem}.skills h2,.portfolio h2{margin-bottom:3rem}.portfolio .portfolio-container{grid-template-columns:repeat(2,1fr)}.testimonial-container .testimonial-wrapper{padding:5rem 0}.testimonial-container .testimonial-slide{padding:3rem 2rem}.testimonial-box .swiper-button-next,.testimonial-box .swiper-button-prev{display:none}}@media (max-width: 617px){.portfolio .portfolio-container{grid-template-columns:1fr}}@media (max-width: 450px){html{font-size:50%}#darkMode-icon{right:6rem}.home{padding:0 3% 21rem}.home .profession-box .profession:nth-child(1){transform:rotate(0) translateY(-100px)}.home .profession-box .profession:nth-child(1){transform:rotate(120deg) translateY(-300px)}.home .profession-box .profession:nth-child(1){transform:rotate(240deg) translateY(-300px)}.contact form .input-box input{width:100%}}@media (max-width: 365px){.about-img img{width:90vw}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}}