@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";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sticky{position:sticky}*{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: #2ed483;--white-color: #fdfdfd;--shadow-color: rgba(0,0,0,.2);--header-color: #20dc70}.dark-mode{--bg-color: #0b061f;--text-color: #fdfdfd;--shadow-color: rgba(0,0,0,.7);--main-color: #2d8540}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:0rem;right:9rem;width:27%;pointer-events:none}span{color:var(--main-color)}.about{display:flex;justify-content:center;align-items:center;gap:4rem}.about-img img{width:20vw}.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 #2ac177;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;-o-object-fit:cover;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);transform:rotate(120deg) translateY(-300px);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}}