@font-face{font-family:Manrope;src:url(/my-portfolio/assets/Manrope-Regular-DaYIuqGh.woff2) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Manrope;src:url(/my-portfolio/assets/Manrope-Bold-CBDT-3pn.woff2) format("truetype");font-weight:700;font-style:normal}:root{--primary-color: hsl(178, 58%, 55%);--primary-light: hsl(180, 32%, 92%);--secondary-color: hsl(181, 64%, 37%);--primary-gradient: linear-gradient(12deg, var(--primary-color), var(--secondary-color));--background-color: hsl(0, 0%, 96%);--white: hsl(0, 0%, 100%);--white-gradient: linear-gradient(-37deg, var(--background-color), var(--white));--grey: hsl(0, 0%, 26%);--black: hsl(180, 10%, 14%);--black-gradient: linear-gradient(to right, var(--black), var(--grey));--ff: "Manrope", sans-serif;--h1: bold 3rem / 3.625rem var(--ff);--h2: bold 2.5rem / 3.125rem var(--ff);--h3: 400 2.125rem / 2.75rem var(--ff);--h4: bold 1.75rem / 2.375rem var(--ff);--h5: bold 1.5rem / 2rem var(--ff);--h6: bold 1.25rem / 1.6875rem var(--ff);--p: 1rem / 1.75rem var(--ff);--small: .875rem / 1.25rem var(--ff);--space-xxs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-lg2: 2.5rem;--space-xl: 3rem;--space-xxl: 4rem;--space-xxl2: 5rem;--space-xxl3: 7.5rem;--space-xxl4: 10rem;--transition: .3s ease-in-out;--services-card-shadow: 0 5px 20px hsla(181, 64%, 37%, .5);--process-card-shadow: 0 4px 10px hsla(181, 64%, 37%, .5);--project-card-shadow: 0 10px 20px hsla(0, 0%, 26%, .25);--background-color-nav: hsla(0, 0%, 96%, .75);--text-shadow1: 0 4px 30px hsla(178, 58%, 55%, .8)}.dark-mode{--primary-color: hsl(178, 58%, 45%);--primary-light: hsl(180, 32%, 8%);--secondary-color: hsl(181, 64%, 63%);--primary-gradient: linear-gradient(12deg, var(--primary-color), var(--secondary-color));--background-color: hsl(0, 0%, 4%);--white: hsl(0, 0%, 0%);--white-gradient: linear-gradient(-37deg, var(--background-color), var(--white));--grey: hsl(0, 0%, 74%);--black: hsl(180, 10%, 86%);--black-gradient: linear-gradient(to right, var(--black), var(--grey));--services-card-shadow: 0 5px 20px hsla(181, 64%, 63%, .5);--process-card-shadow: 0 4px 10px hsla(181, 64%, 63%, .5);--project-card-shadow: 0 10px 20px hsla(0, 0%, 74%, .25);--background-color-nav: hsla(0, 0%, 4%, .75);--text-shadow1: 0 4px 30px hsla(178, 58%, 45%, .8)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--ff)}body{background-color:var(--background-color);transition:background-color .3s ease-in-out}@media only screen and (max-width: 610px){:root{--h1: bold 2.5rem / 3.25rem var(--ff);--h2: bold 2rem / 2.5rem var(--ff);--h3: 400 1.75rem / 2.25rem var(--ff);--h4: bold 1.5rem / 2rem var(--ff)}}header{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;top:0;z-index:1000}nav{background-color:var(--background-color-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-lg2) var(--space-xs) var(--space-md);max-width:763px;border-radius:50px;border-color:transparent;transition:border-color .3s ease}nav.scrolled{padding:var(--space-xxs) calc(var(--space-lg) + var(--space-xxs)) var(--space-xxs) calc(var(--space-md) - var(--space-xxs));border:4px solid hsla(0,0%,26%,.7)}.mode-icon{cursor:pointer;transition:var(--transition);border-radius:50%;padding:var(--space-xs)}.mode-icon svg{fill:var(--black);border-radius:50%;transition:var(--transition)}.main-nav-links{list-style-type:none;font:var(--p);font-weight:700;display:flex;gap:var(--space-sm)}.main-nav-links li{position:relative;border-radius:100px}.main-nav-links li a{display:inline-block;position:relative;text-decoration:none;color:var(--black);padding:var(--space-xs) var(--space-md);border-radius:100px;transition:var(--transition)}@media (hover: hover){.mode-icon:hover,.main-nav-links li a:hover{background-color:#4acfca33}.projects-nav:hover .projects-nav-links{display:block;animation:HoverIn .3s ease-in-out}@keyframes HoverIn{0%{transform:translate(50%,-3%);opacity:0}to{transform:translate(50%);opacity:1}}.projects-nav:hover a{background-color:var(--primary-light)}.hamburger-icon:hover.hamburger-icon svg g{fill:var(--primary-color)}}.main-nav-links li a:active:before,.active:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--space-xs));height:calc(100% - var(--space-xs));border:4px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);border-radius:100px}.main-nav-links li a.active{background-color:var(--white);transition:background-color .5s ease-in-out}.mode-icon svg:active{fill:var(--secondary-color)}.projects-nav{position:relative;color:var(--black)}.projects-nav .dropdown-icon{margin-left:var(--space-xs)}.projects-nav-links{display:none;list-style-type:none;position:absolute;text-align:center;right:50%;transform:translate(50%);background-color:var(--primary-light);border-radius:24px;padding:var(--space-xxs) 0;box-shadow:0 10px 20px #4242421a}.projects-nav-links li{width:180px}.projects-nav-links li a{margin:var(--space-xxs) 0}.hamburger-icon{position:absolute;top:var(--space-md);right:var(--space-md);cursor:pointer;display:none;transition:var(--transition)}.hamburger-icon svg g{fill:var(--black)}.hamburger-icon:active.hamburger-icon svg g{fill:var(--primary-color)}@media (hover: none) and (pointer: coarse){.projects-nav .dropdown-icon{display:none}}@media only screen and (max-width: 768px){nav{gap:var(--space-sm)}.main-nav-links{gap:0}}@media only screen and (max-width: 680px){nav{gap:var(--space-xs);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md)}nav.scrolled{padding:var(--space-xxs) calc(var(--space-lg) - var(--space-xxs)) var(--space-xxs) calc(var(--space-md) - var(--space-xxs));border:4px solid hsla(0,0%,26%,.7)}.main-nav-links li a{padding:var(--space-xs) var(--space-sm)}}@media only screen and (max-width: 580px){.hamburger-icon{display:block}.hamburger-icon.rotate{transform:rotate(90deg)}nav{display:none;flex-direction:column;border-radius:40px;padding:var(--space-xs);border:4px solid hsla(0,0%,26%,.7);gap:0}nav.scrolled{padding:var(--space-xs)}nav.display-toggle{display:flex;animation:fade-in .5s ease-in-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-90%)}to{opacity:1;transform:translateY(0)}}.main-nav-links{flex-direction:column;text-align:center}.main-nav-links li a{padding:var(--space-xs) var(--space-md)}.mode-icon{position:initial}.projects-nav-links{display:flex;flex-direction:column;position:inherit;box-shadow:none}.projects-nav-links li a{margin:0}}footer{background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;gap:var(--space-xxl4);padding:var(--space-lg2) var(--space-xxl);border-radius:128px 128px 0 0;color:var(--grey)}.email-link a{display:inline-flex;gap:var(--space-xs);align-items:center;transition:var(--transition)}.email-link a p{font:var(--h5);text-align:center}.email-link .icon{display:block;fill:var(--grey);transition:var(--transition)}@media (hover: hover){.email-link a:hover{color:var(--secondary-color)}.social-links .icon:hover,.email-link a:hover .icon{fill:var(--secondary-color)}}.email-link a:active{color:var(--primary-color)}.social-links .icon:active,.email-link a:active .icon{fill:var(--primary-color)}.email-link a,.social-links a{text-decoration:none;color:inherit}.social-links{display:flex;gap:var(--space-md)}.social-links .icon{display:block;fill:var(--grey);transition:var(--transition)}.social-links a,.social-links .icon,.social-links .icon svg{border-radius:50%}.copyright-text{font:var(--p);display:inline;text-align:center}@media only screen and (max-width: 1080px){footer{gap:var(--space-xxl3)}}@media only screen and (max-width: 970px){footer{border-radius:var(--space-xxl2) var(--space-xxl2) 0 0;flex-wrap:wrap;gap:var(--space-xxl4);row-gap:var(--space-lg2)}}@media only screen and (max-width: 640px){footer{gap:var(--space-xxl2);row-gap:var(--space-lg2)}}@media only screen and (max-width: 390px){footer{row-gap:var(--space-lg);padding:var(--space-lg2) var(--space-md)}.email-link a p{font:var(--h6)}.copyright-text{font:var(--small)}}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(110px,10vw,128px) var(--space-lg) var(--space-xxl2)}.hero-container img{width:clamp(200px,30vw,280px);height:clamp(200px,30vw,280px);border-radius:80px;border:10px solid var(--grey);box-shadow:0 4px 20px var(--secondary-color);margin-bottom:var(--space-md)}.hero-container .name{font:var(--h1);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-container .intro-text{display:block;font:var(--h4);color:var(--black)}.hero-container p{font:var(--h3);color:var(--black);text-shadow:var(--text-shadow1);margin:var(--space-sm) var(--space-xl) var(--space-lg)}.hero-container .button-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}@media only screen and (max-width: 768px){.hero-container{padding-bottom:0}}@media only screen and (max-width: 610px){.hero-container .name{line-height:2.6rem}}@media only screen and (max-width: 580px){.hero-container{padding:var(--space-xxl) var(--space-lg) 0}}@media only screen and (max-width: 529px){.hero-container p{font-size:1.5rem}}@media only screen and (max-width: 377px){.hero-container p{font-size:1.25rem;line-height:2rem}}@media only screen and (max-width: 340px){.hero-container p{font-size:1rem;line-height:1.75rem}}.primary-btn{color:var(--background-color);background-color:var(--grey);padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:700;border:none;border-radius:100px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:56px;text-decoration:none}@media (hover: hover){.primary-btn:hover{background-color:var(--secondary-color)}}.primary-btn:active{background-color:var(--primary-color)}.primary-btn .icon{margin-left:var(--space-xs);display:flex;align-items:center;justify-content:center;max-width:fit-content}.secondary-btn{color:var(--grey);background-color:transparent;padding:calc(var(--space-sm) - .25rem) calc(var(--space-lg) - .25rem);border:4px solid var(--grey);font-size:1rem;font-weight:700;border-radius:100px;cursor:pointer;transition:var(--transition);height:56px;text-decoration:none;display:flex;align-items:center}@media (hover: hover){.secondary-btn:hover{color:var(--secondary-color);background-color:var(--primary-light);border-color:var(--secondary-color)}}.secondary-btn:active{background-color:var(--white)}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--space-xxl2)}.about-container .about-title{font:var(--h2);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-container .about-description{font:var(--p);color:var(--black);max-width:790px;text-align:center;margin:var(--space-lg2) 0 var(--space-xxl)}@media only screen and (max-width: 930px){.about-container .about-description{max-width:600px}}@media only screen and (max-width: 768px){.about-container .about-description{margin-left:var(--space-xl);margin-right:var(--space-xl)}}@media only screen and (max-width: 510px){.about-container .about-description{margin-left:var(--space-md);margin-right:var(--space-md)}}.services-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.services-container h3{font:var(--h3);color:var(--secondary-color)}.services-container .services-card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg2);margin:var(--space-lg2) var(--space-lg2) var(--space-xxl3);max-width:1139px}@media only screen and (max-width: 768px){.services-container .services-card-container{margin-bottom:var(--space-xxl2)}}@media only screen and (max-width: 479px){.services-container .services-card-container{margin:var(--space-lg2) var(--space-sm) var(--space-xxl2)}}.services-card{display:inline-block;background-image:var(--white-gradient);padding:var(--space-xl);max-width:336px;border-radius:30px;box-shadow:var(--services-card-shadow)}.services-card h6{font:var(--h6);color:var(--black);margin-top:var(--space-md)}.services-card p{font:var(--p);color:var(--black);margin-top:var(--space-sm)}@media only screen and (max-width: 739px){.services-card{max-width:400px}}@media only screen and (max-width: 479px){.services-card{padding:var(--space-lg2)}}.tools-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:var(--space-xxl3)}.tools-container h3{font:var(--h3);color:var(--secondary-color);margin-bottom:var(--space-lg2)}.tools-container .tools-type h5{font:var(--h5);text-transform:uppercase;color:var(--black);margin-bottom:var(--space-lg)}.tools-container .tools-type .tool-label-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);max-width:939px}.tools-container .tools-type:not(:last-child){margin-bottom:calc(var(--space-xl) + var(--space-xs))}@media only screen and (max-width: 930px){.tools-container .tools-type .tool-label-container{max-width:800px;gap:var(--space-sm);margin:0 var(--space-lg2)}}@media only screen and (max-width: 768px){.tools-container{margin-bottom:var(--space-xxl2)}}@media only screen and (max-width: 479px){.tools-container .tools-type .tool-label-container{margin:0 var(--space-sm);gap:var(--space-xs)}}.label-container{background-image:var(--black-gradient);padding:var(--space-md) var(--space-lg);border-radius:100px;font:var(--h6);color:var(--white);display:inline-flex;align-items:center;gap:var(--space-sm)}@media only screen and (max-width: 930px){.label-container{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.label-container .label-icon{display:contents}.label-container .label-icon svg{width:30px;height:30px}}@media only screen and (max-width: 594px){.label-container{gap:calc(var(--space-xs) + var(--space-xxs))}.label-container .label-icon svg{width:24px;height:24px}}.work-method-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.work-method-container h3{font:var(--h3);color:var(--secondary-color)}.work-method-container .working-steps-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin:var(--space-lg2) 0 var(--space-xxl2)}@media only screen and (max-width: 768px){.work-method-container .working-steps-container{margin-bottom:var(--space-lg2)}}@media only screen and (max-width: 640px){.work-method-container{width:85%}}@media only screen and (max-width: 479px){.work-method-container{width:auto}.work-method-container .working-steps-container{margin:var(--space-lg2) var(--space-sm) var(--space-lg2)}}.working-step-container{color:var(--black);position:relative}.number-background{position:absolute;display:inline-block;width:72px;height:72px;background-color:var(--grey);border-radius:50%;top:50%;transform:translateY(-50%);z-index:1}.number-background .step-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:var(--h3);color:var(--white);z-index:2}.step-content{background-image:var(--white-gradient);padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-xxl);border-radius:20px;box-shadow:var(--process-card-shadow);max-width:800px;margin-left:calc(var(--space-lg) + var(--space-xxs))}.step-content h6{font:var(--h6);margin-bottom:var(--space-xs)}.step-content p{font:var(--p)}@media only screen and (max-width: 930px){.step-content{max-width:600px}}@media only screen and (max-width: 739px){.step-content{max-width:540px}}@media only screen and (max-width: 640px){.step-content{width:auto}}@media only screen and (max-width: 540px){.number-background{top:0;left:50%;transform:translate(-50%)}.step-content{padding:var(--space-xxl) var(--space-lg2) var(--space-lg2);margin-left:0;margin-top:calc(var(--space-lg) + var(--space-xxs))}.step-content h6{margin-bottom:var(--space-sm)}}@media only screen and (max-width: 379px){.step-content{padding:var(--space-xxl) var(--space-lg) var(--space-lg)}}.all-projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-light);padding:var(--space-xxl2) 0;border-radius:80px}.all-projects-container .projects-title{font:var(--h2);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.all-projects-container .projects-category-container{display:flex;flex-direction:column;gap:var(--space-lg2);margin-top:var(--space-lg2)}@media only screen and (max-width: 768px){.all-projects-container{padding:var(--space-lg2) 0}}.frontend-projects-container,.web-design-projects-container,.ui-ux-projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.frontend-projects-container h3,.web-design-projects-container h3,.ui-ux-projects-container h3{font:var(--h3);color:var(--black)}.project-container{margin:var(--space-lg2) var(--space-xl);position:relative}.web-design-projects-container,.ui-ux-projects-container{padding-top:var(--space-xxl2)}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;overflow:hidden;cursor:pointer;transition:var(--transition)}@media (hover: hover){.prev-btn:not(:disabled):hover,.next-btn:not(:disabled):hover{background-color:var(--white)}}.project-container .prev-btn:active,.project-container .next-btn:active{background-color:var(--primary-color)}.project-container .prev-btn{left:clamp(-100px,-15vw,-85px)}.project-container .next-btn{right:clamp(-100px,-15vw,-85px)}.next-btn .next-btn-icon{transform:rotate(180deg)}.project-container .prev-btn:disabled,.project-container .next-btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.3}@media only screen and (max-width: 768px){.web-design-projects-container,.ui-ux-projects-container{padding-top:var(--space-lg2)}}@media only screen and (max-width: 739px){.prev-btn,.next-btn{top:40%;opacity:.5;animation:Blink .7s alternate infinite}@keyframes Blink{0%{background-color:none}to{background-color:var(--white)}}.project-container .prev-btn{left:var(--space-xs)}.project-container .next-btn{right:var(--space-xs)}.project-container .prev-btn:disabled,.project-container .next-btn:disabled{opacity:.01}}@media only screen and (max-width: 610px){.project-container{margin:var(--space-lg2) var(--space-lg)}}@media only screen and (max-width: 510px){.project-container{margin:var(--space-lg2) var(--space-sm)}}@media only screen and (max-width: 400px){.prev-btn,.next-btn{top:30%}}@media only screen and (max-width: 331px){.prev-btn,.next-btn{top:25%}}.project-card-container{max-width:938px;max-height:353px;border-radius:24px;overflow:hidden;box-shadow:var(--project-card-shadow);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title-container{display:flex;align-items:center;justify-content:space-between;background-image:var(--black-gradient);padding:var(--space-sm) var(--space-lg)}.title-container h4{font:var(--h4);color:var(--background-color)}.content-container,.content-container .image-container{display:flex}.content-container .image-container img{width:500px;height:283px;object-fit:cover}.content-container .details-container{background-color:var(--background-color);padding:var(--space-md) var(--space-lg)}.content-container .details-container p{font:var(--p);color:var(--black);margin-bottom:var(--space-sm)}.details-container .button-container{display:flex;gap:var(--space-sm)}@media only screen and (max-width: 1145px){.project-card-container{width:700px;max-height:fit-content}.title-container{position:relative}.title-container .tag{position:absolute;bottom:calc(-1 * (var(--space-xl) - var(--space-xxs)));right:var(--space-xs);box-shadow:var(--project-card-shadow)}.content-container .image-container img{width:700px}.content-container{flex-wrap:wrap}}@media only screen and (max-width: 930px){.project-card-container{width:500px}.content-container .image-container img{width:100%;aspect-ratio:16/9}}@media only screen and (max-width: 739px){.project-card-container{width:100%}.content-container .image-container img{width:100%;height:auto}}@media only screen and (max-width: 510px){.title-container h4{font-size:1.25rem}}.tag{display:inline-block;color:var(--black);background-image:var(--white-gradient);padding:var(--space-xs) var(--space-sm);font:var(--small);font-weight:700;border-radius:24px}.tertiary-btn{color:var(--grey);background-color:transparent;font-size:1rem;font-weight:700;border:none;padding-bottom:1px;border-bottom:3px solid var(--grey);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tertiary-btn .icon svg path{fill:var(--grey);transition:var(--transition)}.tertiary-btn .icon{margin-left:var(--space-xs);display:flex;align-items:center;justify-content:center;max-width:fit-content}@media (hover: hover){.tertiary-btn:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.tertiary-btn:hover .icon svg path{fill:var(--secondary-color)}.tertiary-btn .icon svg path:hover{fill:var(--secondary-color)}}.tertiary-btn:active{color:var(--primary-color);border-color:var(--primary-color)}.tertiary-btn:active .icon svg path{fill:var(--primary-color)}.tertiary-btn .icon svg path:active{fill:var(--primary-color)}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl2) 0;text-align:center}.contact-container .contact-title{font:var(--h2);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-container .personal-email{font:var(--h3);text-shadow:0 10px 20px var(--primary-color);margin:var(--space-lg2) 0 var(--space-md)}.contact-container .personal-email a{text-decoration:none;color:var(--black);transition:var(--transition)}@media (hover: hover){.contact-container .personal-email a:hover{color:var(--secondary-color)}}.contact-container .personal-email a:active{color:var(--primary-color)}.contact-container .contact-description{font:var(--p);color:var(--black);margin:0 var(--space-xxl) var(--space-lg2) var(--space-xxl)}.contact-container .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.contact-form input{grid-column:1/2;border-radius:100px}.contact-form textarea{grid-column:2/3;grid-row:1/3;border-radius:30px;resize:none}.contact-form button{grid-column:1/3;justify-self:center;margin-top:var(--space-xs)}.contact-form input,.contact-form textarea{font:var(--p);color:var(--black);background:var(--white-gradient);padding:var(--space-sm) var(--space-lg);width:420px;border:1px solid var(--primary-color)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--grey);opacity:.7}@media only screen and (max-width: 930px){.contact-container .contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:1/2;grid-row:3/5;height:123px}.contact-form button{grid-column:1/2}}@media only screen and (max-width: 768px){.contact-container{padding:var(--space-lg2) 0}}@media only screen and (max-width: 680px){.contact-container .personal-email{font-size:1.75rem;line-height:2.375rem}}@media only screen and (max-width: 547px){.contact-container .personal-email{font-size:1.5rem;line-height:2rem}}@media only screen and (max-width: 500px){.contact-container .contact-form{width:80%}.contact-form input,.contact-form textarea{width:auto}}@media only screen and (max-width: 500px){.contact-container .personal-email{font-size:1.25rem;line-height:1.6875rem}}@media only screen and (max-width: 380px){.contact-container .personal-email{font-size:1rem;line-height:1.5rem;font-weight:700}}.all-frontend-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9rem 0 var(--space-xxl2)}.all-frontend-container h1{font:var(--h1);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:0 var(--space-md)}.all-frontend-container .all-frontend-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxl4);margin-top:var(--space-xxl2)}@media only screen and (max-width: 1189px){.all-frontend-container .all-frontend-projects{gap:var(--space-xxl2)}}@media only screen and (max-width: 768px){.all-frontend-container{padding:clamp(110px,10vw,128px) var(--space-lg) var(--space-lg2)}.all-frontend-container .all-frontend-projects{gap:var(--space-xxl);margin-top:var(--space-xl)}}@media only screen and (max-width: 580px){.all-frontend-container{padding:var(--space-xxl) 0 var(--space-lg2)}.all-frontend-container .all-frontend-projects{gap:var(--space-xl)}}.project-details-container{display:flex;justify-content:center;max-width:1105px;gap:var(--space-xl)}.project-details-container .project-image-container{box-shadow:var(--project-card-shadow);display:flex;border-radius:var(--space-md);width:100%;aspect-ratio:16/9;overflow:hidden}.project-details-container .project-image-container img{width:100%;height:100%}.project-details-container .project-details{max-width:495px}.project-details-container .project-details h3{font:var(--h3);color:var(--black);margin-bottom:var(--space-xs)}.project-details-container .project-details .tag{color:var(--white);background-image:none;background-color:var(--secondary-color)}.project-details-container .project-details p{font:var(--p);color:var(--black)}.project-details .description-title{font-weight:700;color:var(--secondary-color)}#project-main-description{margin-top:var(--space-xs)}.project-details-container .btn-container{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}@media only screen and (max-width: 1189px){.project-details-container{flex-wrap:wrap;max-width:70%;gap:var(--space-lg)}.project-details-container .project-image-container{width:auto}.project-details-container .project-details{width:fit-content;max-width:fit-content}}@media only screen and (max-width: 1040px){.project-details-container{max-width:80%}}@media only screen and (max-width: 768px){.project-details-container{gap:var(--space-md)}}@media only screen and (max-width: 479px){.project-details-container{max-width:100%;padding:0 var(--space-md)}}.scroll-to-top-arrow{position:fixed;bottom:50px;right:50px;padding:var(--space-xs);background-color:var(--primary-color);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--process-card-shadow);transition:var(--transition);animation:SlideIn .5s ease-in-out}@keyframes SlideIn{0%{bottom:0;opacity:0}to{bottom:50px;opacity:1}}.scroll-to-top-arrow-icon svg{transform:rotate(90deg);display:flex;width:40px;height:40px}.scroll-to-top-arrow-icon svg path{fill:var(--white)}@media (hover: hover){.scroll-to-top-arrow:hover{background-color:var(--secondary-color);transform:translateY(calc(-1 * var(--space-xxs)))}}.scroll-to-top-arrow:active{background-color:var(--secondary-color)}@media (max-width: 768px){.scroll-to-top-arrow{bottom:30px;right:30px}.scroll-to-top-arrow-icon svg{width:32px;height:32px}@keyframes SlideIn{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}}@media (max-width: 480px){.scroll-to-top-arrow{bottom:20px;right:20px}@keyframes SlideIn{0%{bottom:0;opacity:0}to{bottom:20px;opacity:1}}}.all-web-design-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9rem 0 var(--space-xxl2)}.all-web-design-container h1{font:var(--h1);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:0 var(--space-md)}.all-web-design-container .all-web-design-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxl4);margin-top:var(--space-xxl2)}@media only screen and (max-width: 1189px){.all-web-design-container .all-web-design-projects{gap:var(--space-xxl2)}}@media only screen and (max-width: 768px){.all-web-design-container{padding:clamp(110px,10vw,128px) var(--space-lg) var(--space-lg2)}.all-web-design-container .all-web-design-projects{gap:var(--space-xxl);margin-top:var(--space-xl)}}@media only screen and (max-width: 580px){.all-web-design-container{padding:var(--space-xxl) 0 var(--space-lg2)}.all-web-design-container .all-web-design-projects{gap:var(--space-xl)}}.all-uiux-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9rem 0 var(--space-xxl2)}.all-uiux-container h1{font:var(--h1);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:0 var(--space-md)}.all-uiux-container .all-uiux-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxl4);margin-top:var(--space-xxl2)}@media only screen and (max-width: 1189px){.all-uiux-container .all-uiux-projects{gap:var(--space-xxl2)}}@media only screen and (max-width: 768px){.all-uiux-container{padding:clamp(110px,10vw,128px) var(--space-lg) var(--space-lg2)}.all-uiux-container .all-uiux-projects{gap:var(--space-xxl);margin-top:var(--space-xl)}}@media only screen and (max-width: 580px){.all-uiux-container{padding:var(--space-xxl) 0 var(--space-lg2)}.all-uiux-container .all-uiux-projects{gap:var(--space-xl)}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.not-found-container h1{font:var(--h1);color:var(--grey);text-shadow:0 4px 30px hsla(178,58%,55%,.8)}.not-found-container p{font:var(--p);color:var(--black);margin:var(--space-md) 0 var(--space-lg)}.resume-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;text-align:center;padding-top:var(--space-xxl3);padding-bottom:var(--space-xl)}.resume-container .resume-image{max-width:900px;box-shadow:var(--process-card-shadow)}@media only screen and (max-width: 1024px){.resume-container .resume-image{max-width:700px}}@media only screen and (max-width: 768px){.resume-container{padding-top:calc(var(--space-xxl) + var(--space-lg));padding-bottom:var(--space-md)}.resume-container .resume-image{max-width:98%}}@media only screen and (max-width: 580px){.resume-container{padding-top:var(--space-xxl)}}