:root{--header-height: 3.5rem;--clr-primary: hsl(14, 98%, 50%);--clr-black: hsl(0, 0%, 0%);--clr-light-black: hsl(0, 0%, 40%);--clr-white: hsl(0, 0%, 95%);--clr-title: hsl(0, 0%, 0%);--clr-text: hsl(0, 0%, 35%);--clr-light-text: hsl(0, 0%, 64%);--clr-bg: hsl(0, 0%, 87%);--clr-wrapper: hsl(0, 0%, 83%);--clr-success: hsl(142, 76%, 36%);--clr-error: hsl(359, 55%, 55%);--ff: "Bai Jamjuree", sans-serif;--fs-largest: 2.5rem;--fs-h1: 1.75rem;--fs-h2: 1.25rem;--fs-h3: 1.125rem;--fs-regular: .938rem;--fs-md: .813rem;--fs-sm: .75rem;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--z-tooltip: 10;--z-fixed: 100}body.dark{--clr-primary: hsl(14, 80%, 50%);--clr-black: hsl(0, 0%, 18%);--clr-light-black: hsl(0, 0%, 30%);--clr-title: hsl(0, 0%, 95%);--clr-text: hsl(0, 0%, 70%);--clr-bg: hsl(0, 0%, 8%);--clr-wrapper: hsl(0, 0%, 12%)}@media screen and (width >= 1150px){:root{--fs-largest: 4.5rem;--fs-h1: 3rem;--fs-h2: 1.5rem;--fs-h3: 1.25rem;--fs-regular: 1rem;--fs-md: .875rem;--fs-sm: .813rem}}*{box-sizing:border-box;padding:0;margin:0}html{font-size:100%;scroll-behavior:smooth}h1,h2,h3,h4{color:var(--clr-title);font-weight:var(--fw-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}input,textarea,button{font:inherit}body{background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--ff);font-size:var(--fs-regular);caret-color:var(--clr-primary);transition:background-color .4s ease-in-out}.main{overflow:hidden}body::-webkit-scrollbar{width:.6rem;background-color:#a6a6a6;border-radius:.5rem}body::-webkit-scrollbar-thumb{background-color:#8c8c8c;border-radius:.5rem}body::-webkit-scrollbar-thumb:hover{background-color:#737373}::selection{background-color:var(--clr-primary);color:var(--clr-title)}body.dark::-webkit-scrollbar{background-color:#333}body.dark::-webkit-scrollbar-thumb{background-color:#4d4d4d}body.dark::-webkit-scrollbar-thumb:hover{background-color:#666}.scroll-to-top-arrow{display:inline-flex!important;background-color:var(--clr-black);color:var(--clr-white);font-size:1.25rem;border:none;outline:none;padding:.5rem;cursor:pointer;position:fixed;right:1rem;bottom:-50%;z-index:var(--z-tooltip);transition-property:background-color,bottom,transform;transition:.4s ease-in-out}.scroll-to-top-arrow:where(:hover,:focus-visible){transform:translateY(-.5rem)}.show-scroll-to-top-arrow{bottom:3rem}@media screen and (width >= 1150px){.scroll-to-top-arrow{right:3rem}}.header{width:100%;background-color:var(--clr-bg);position:fixed;left:0;top:0;z-index:var(--z-fixed);transition-property:background-color,box-shadow;transition:.4s ease-in-out}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;position:relative}.nav__logo{color:var(--clr-title);font-weight:var(--fw-semi-bold);display:flex;align-items:center;gap:.5rem}.nav__logo-circle,.nav__hamburger-icon{width:2rem;height:2rem;background-color:var(--clr-black);color:var(--clr-white);display:grid;place-items:center}.nav__logo-circle{border-radius:50%}.nav__hamburger-icon{font-size:1.25rem;cursor:pointer}@media screen and (width <= 1150px){.nav__menu{width:100%;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:1.8rem 5rem;text-align:center;position:fixed;left:0;top:-100%;transition:top .4s ease-in-out}}.nav__title,.nav__name,.nav__cross-icon{color:var(--clr-white)}.nav__title{font-size:var(--fs-sm);font-weight:var(--fw-semi-bold);display:inline-block;margin-bottom:3.5rem}.nav__name{width:max-content;font-size:var(--fs-h2);margin:0 auto 3rem;position:relative}.nav__name:before,.nav__name:after{content:"";width:40px;height:1px;background-color:var(--clr-light-text);position:absolute;top:50%;transform:translateY(-50%)}.nav__name:before{left:-4rem}.nav__name:after{right:-4rem}.nav__list{display:flex;flex-direction:column;gap:2.5rem}.nav__link{color:var(--clr-light-text);font-size:var(--fs-h3);font-weight:var(--fw-semi-bold);text-transform:capitalize;position:relative;transition-property:background-color,color;transition:.3s ease-in-out}.nav__link:where(:hover,:focus-visible){color:var(--clr-white)}.nav__link:after{content:"";width:0;height:2px;background-color:var(--clr-white);position:absolute;left:0;bottom:-.5rem;transition:width .3s ease-in-out}.nav__link:where(:hover,:focus-visible):after{width:25%}.nav__cross-icon{font-size:1.5rem;cursor:pointer;position:absolute;top:1rem;right:1.5rem}.nav__action-btns{display:flex;align-items:center;gap:1rem}[data-theme-toggler]{color:var(--clr-title);font-size:1.25rem;cursor:pointer;transition:color .3s ease-in-out}body.dark [data-moon-icon]{display:none}body:not(.dark) [data-sun-icon]{display:none}.show-menu{top:0}.header-shadow{box-shadow:0 1px 16px #0000001f}body.dark .header-shadow{box-shadow:0 1px 12px #0009}.highlighted-link{color:var(--clr-white)}.highlighted-link:after{width:25%}@media screen and (width >= 1150px){.nav{height:calc(var(--header-height) + 2rem);gap:4rem}.nav__title,.nav__name,.nav__cross-icon,.nav__hamburger-icon{display:none}.nav__menu{margin-left:auto}.nav__list{flex-direction:row;gap:4rem}.nav__link{color:var(--clr-text);font-size:var(--fs-regular)}.nav__link:after{background-color:var(--clr-title)}.nav__link:where(:hover,:focus-visible){color:var(--clr-title)}.highlighted-link{color:var(--clr-title)}.nav__contact-btn{background-color:var(--clr-black);color:var(--clr-white);padding:1.1rem 1.5rem}.nav__contact-btn:after{background-color:transparent}.nav__contact-btn:where(:hover,:focus-visible){background-color:var(--clr-primary);color:var(--clr-white)}body.dark .nav__contact-btn:where(:hover,:focus-visible){background-color:var(--clr-primary);color:var(--clr-white)}[data-theme-toggler]{color:var(--clr-text)}[data-theme-toggler]:where(:hover,:focus){color:var(--clr-title)}}.home__wrapper{padding-top:2rem}.home__title{font-size:var(--fs-largest);text-align:center}.home__profile{justify-self:center;position:relative}.home__img-wrapper{width:13.75rem}.home__img{position:relative;z-index:10}.home__shadow-frame{width:100%;height:100%;background-color:var(--clr-wrapper);border:4px solid var(--clr-black);position:absolute;right:-.75rem;bottom:-.75rem;z-index:5;transition:background-color .4s ease-in-out}.home__arrow,.home__lines{width:50px;filter:invert(1);position:absolute;transition:filter .4s ease-in-out}.home__arrow{bottom:-4rem;left:40%}.home__lines{right:-2rem;bottom:-.5rem}.home__profile .square{left:-.7rem;top:2.5rem;z-index:10}.home__socials{height:max-content;margin-block:auto;display:grid;row-gap:1rem;position:absolute;left:-3rem;top:0;bottom:0}.home__social-link{background-color:var(--clr-light-black);color:var(--clr-white);font-size:1.25rem;padding:.375rem;display:grid;place-items:center;transition:background-color .3s ease-in-out}.home__social-link:where(:hover,:focus-visible){background-color:var(--clr-black)}.home__info{margin-top:4rem}.home__description{color:var(--clr-title);text-align:center;margin-bottom:1.5rem}.home__description b{background-image:linear-gradient(90deg,#fc3d034d,#fc3d0300)}.home__scroll-link{display:block;width:max-content;margin-inline:auto}.home__scroll-box{width:2.25rem;height:2.25rem;background-color:var(--clr-black);color:var(--clr-white);font-size:1rem;overflow:hidden;display:grid;place-items:center;transition:background-color .4s ease-in-out}.home__scroll-box i{animation:scroll-down 3s infinite}@keyframes scroll-down{0%{transform:translateY(-1rem);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(.6rem);opacity:0}}.home__scroll-text{display:none}body.dark :where(.home__arrow,.home__lines){filter:none}body.dark .home__description b{background-image:linear-gradient(90deg,#e649194d,#e6491900)}@media screen and (width <= 340px){.home__img-wrapper{width:11.25rem}}@media screen and (width >= 576px){.home__wrapper.grid{grid-template-columns:21.875rem;justify-content:center}}@media screen and (width >= 1150px){.home__wrapper{padding-block:5.5rem}.home__wrapper.grid{grid-template-columns:repeat(2,28.75rem);align-items:center;gap:2rem 4rem}.home__title,.home__description{text-align:initial}.home__title{align-self:end}.home__profile{grid-row:1 / 3;grid-column:2 / 3}.home__img-wrapper{width:21.875rem}.home__shadow-frame{border:6px solid var(--clr-black);right:-1.25rem;bottom:-1.25rem}.home__img-wrapper .square{top:15rem}.home__arrow{width:5rem;left:-8rem;top:3rem;transform:rotate(150deg)}.home__lines{width:5rem;bottom:4rem;left:-15rem;transform:rotate(30deg)}.home__socials{left:initial;right:-6rem}.home__social-link{font-size:1.5rem;padding:.5rem}.home__info{margin-top:0;align-self:start}.home__description{font-size:var(--fs-h2);padding-left:3rem;margin-bottom:5.5rem;position:relative}.home__description:after{content:"";width:2rem;height:.125rem;background-color:var(--clr-title);position:absolute;left:0;top:.875rem}.home__scroll-link{margin-inline:0;display:flex;align-items:center;gap:.75rem}.home__scroll-box{width:2.75rem;height:2.75rem}.home__scroll-box i{font-size:1.25rem}.home__scroll-text{display:block;color:var(--clr-text);font-size:var(--fs-sm);font-weight:var(--fw-medium)}}.about{background-color:var(--clr-wrapper);transition:background-color .4s ease-in-out}.about__wrapper.grid{row-gap:0}.about__profile{justify-self:center;margin-block:2.5rem 4.5rem;position:relative}.about__img-wrapper{width:13.75rem}.about__img{border:4px solid var(--clr-white);position:relative;z-index:1}.about__shadow-frame,.about__lines,.about__box{position:absolute}.about__shadow-frame{width:9.375rem;height:24.0625rem;background-color:var(--clr-bg);border-bottom:4px solid var(--clr-primary);top:-2.5rem;right:-3.5rem;transition:background-color .4s ease-in-out}.about__profile .square{top:1.5rem;right:-2.8rem}.about__lines{width:3.125rem;filter:invert(1);top:6rem;right:-1.25rem;transition:filter .4s ease-in-out}.about__box{width:2.5rem;height:2.5rem;background-color:var(--clr-primary);right:-.5rem;bottom:1.5rem}.about__info{padding-left:1.25rem}.about__description{color:var(--clr-title);margin-bottom:1.5rem;position:relative}.about__description:after{content:"";width:20px;height:1px;background-color:var(--clr-title);position:absolute;left:-1.75rem;top:.6rem}.about__list{list-style-type:square;color:var(--clr-title);margin-bottom:3rem}.about__action-btns{display:flex;justify-content:center;align-items:center;gap:1rem}body.dark .about__lines{filter:none}@media screen and (width <= 340px){.about__img-wrapper{width:11.25rem}.about__shadow-frame{height:20.625rem;right:-2.5rem}}@media screen and (width >= 576px){.about__wrapper.grid{grid-template-columns:21.875rem;justify-content:center}}@media screen and (width >= 1150px){.about__wrapper{padding-block:1rem}.about__wrapper.grid{grid-template-columns:27.5rem 32.8125rem;align-items:center;gap:1rem 9rem}.about__profile{order:-1;grid-row:1 / 3}.about__img-wrapper{width:21.875rem}.about__img{border-width:8px}.about__shadow-frame{width:15rem;height:38.4375rem;top:-4rem;right:-5.5rem;border-bottom-width:6px}.about__img-wrapper .square{top:4.5rem;right:-4rem}.about__lines{width:5rem;top:10rem;right:-2rem}.about__box{width:4rem;height:4rem;right:-.75rem}.about__wrapper .section__title-1{margin-inline:0;align-self:end}.about__info{padding-left:3rem;align-self:start}.about__description{font-size:var(--fs-h2);margin-bottom:2rem}.about__description:after{width:2rem;height:.125rem;left:-3rem;top:.875rem}.about__list{margin-bottom:5rem}.about__action-btns{justify-content:initial}}.services__wrapper{padding-top:1rem;grid-template-columns:15.625rem;justify-content:center}.services__wrapper.grid{row-gap:2rem}.services__card{position:relative}.services__content{height:100%;background-color:var(--clr-bg);border:4px solid var(--clr-black);padding:6rem 1rem 3rem;position:relative;z-index:5;transition:background-color .4s ease-in-out,border .4s ease-in-out}.services__border{width:100%;height:100%;border:4px solid var(--clr-primary);position:absolute;left:0;top:0;transition:transform .4s ease-in-out}.services__card:where(:hover,:focus-within) .services__border{transform:translate(.75rem,.75rem)}.services__icon{position:relative;display:inline-block}.services__icon i{color:var(--clr-black);font-size:2rem;position:relative;z-index:5}.services__box{width:1.5rem;height:1.5rem;background-color:var(--clr-primary);position:absolute;top:-.125rem;right:-.125rem}.services__title{font-size:var(--fs-h2);margin-bottom:1.25rem}body.dark .services__icon i{color:var(--clr-white)}@media screen and (width >= 768px){.services__wrapper.grid{grid-template-columns:repeat(2,15.625rem)}}@media screen and (width >= 1150px){.services__wrapper{padding-block:3rem 5rem}.services__wrapper.grid{grid-template-columns:repeat(3,17.625rem);column-gap:5rem}.services__border{border-width:6px}.services__content{border-width:6px;padding:6.5rem 1.5rem 3.5rem}.services__box{width:2rem;height:2rem}.services__icon i{font-size:3rem}.services__title{margin-bottom:1.5rem}.services__card:where(:hover,:focus-within) .services__border{transform:translate(1.25rem,1.25rem)}}.projects{background-color:var(--clr-wrapper);transition:background-color .4s ease-in-out}.projects__wrapper.grid{row-gap:2rem}.projects__card{padding:1rem 1rem 2rem;transition:background-color .4s ease-in-out}.projects__card:where(:hover,:focus-within){background-color:var(--clr-white)}.projects__img-wrapper{margin-bottom:.75rem;position:relative}.projects__btn{position:absolute;right:1rem;bottom:-1.5rem}.projects__btn.btn{padding:1rem}.projects__content{margin-bottom:1.25rem}.projects__subtitle{color:var(--clr-text);font-size:var(--fs-md);font-weight:var(--fw-medium);display:inline-block;margin-bottom:.75rem;padding-left:1.75rem;position:relative}.projects__subtitle:before{content:"";width:1.25rem;height:.0625rem;background-color:var(--clr-text);position:absolute;left:0;top:50%;transform:translateY(-50%)}.projects__title{font-size:var(--fs-h3);margin-bottom:.75rem;-webkit-user-select:none;user-select:none}.projects__description{font-size:var(--fs-md);line-height:1.5;-webkit-user-select:none;user-select:none}.projects__action-btns{display:flex;justify-content:center;align-items:center;gap:1rem}.projects__link{color:var(--clr-text);font-size:var(--fs-md);font-weight:var(--fw-medium);display:flex;align-items:center;gap:.25rem;transition:color .4s ease-in-out}.projects__link i{color:var(--clr-title);font-size:1rem;transition:color .4s ease-in-out}.projects__link:where(:hover,:focus-visible),.projects__link:where(:hover,:focus-visible) i{color:var(--clr-primary)}body.dark .projects__card:where(:hover,:focus-within){background-color:var(--clr-bg)}@media screen and (width >= 576px){.projects__wrapper.grid{grid-template-columns:21.875rem;justify-content:center}}@media screen and (width >= 768px){.projects__wrapper.grid{grid-template-columns:repeat(2,21.875rem)}}@media screen and (width >= 1150px){.projects__wrapper{padding-block:3rem 1rem}.projects__wrapper.grid{grid-template-columns:repeat(3,22rem)}.projects__card{padding:1.25rem 1.25rem 2.5rem}.projects__btn{right:1.25rem}.projects__img-wrapper{margin-bottom:1rem}.projects__content{margin-bottom:2rem}}.contact.section{padding-block-end:0}.contact__wrapper{grid-template-rows:18.75rem repeat(2,max-content);position:relative}.contact__wrapper.grid{row-gap:0}.contact__info{width:18.75rem;height:18.75rem;background-color:var(--clr-wrapper);border-bottom:4px solid var(--clr-primary);padding:3rem 1.5rem 3.5rem;margin-left:auto;position:relative;z-index:5;transition:background-color .4s ease-in-out}.contact__info .section__title-2{margin:0 0 1.5rem;transform:translate(-3rem)}.contact__description-1{color:var(--clr-title);font-weight:var(--fw-medium);margin-bottom:2rem}.contact__description-2{color:var(--clr-title);font-size:var(--fs-md)}.contact__info .square{top:2rem;right:2.5rem}.contact__form-wrapper{background-color:var(--clr-black);padding:5rem 1.5rem 2.5rem;margin-top:-2.5rem;position:relative;transition:background-color .4s ease-in-out}.contact__form-title{color:var(--clr-white);font-size:var(--fs-h2);text-align:center;text-transform:capitalize;margin-bottom:2rem}.contact__form,.contact__group{display:grid;row-gap:1.25rem}.contact__form{position:relative}.contact__field-item{width:100%;height:3.625rem;margin-bottom:.5rem;position:relative}.contact__entry-field,.contact__btn{font-size:var(--fs-regular);border:none;outline:none}.contact__entry-field{width:100%;height:100%;background-color:var(--clr-black);color:var(--clr-white);font-weight:var(--fw-medium);padding:.5rem 1rem;border:3px solid var(--clr-light-black);transition-property:background-color,border;transition:.4s ease-in-out}.contact__entry-field::placeholder{color:var(--clr-light-text);transition:opacity .4s ease-in-out}.contact__entry-field:focus::placeholder{opacity:0}.contact__entry-field:focus{border:3px solid var(--clr-white)}.contact__entry-field:-webkit-autofill{transition:background-color 6000s ease-in-out,color 6000s ease-in-out}.contact__label{background-color:var(--clr-black);color:var(--clr-light-text);font-size:var(--fs-md);font-weight:var(--fw-medium);padding:.5rem;pointer-events:none;position:absolute;left:.625rem;top:-.5rem;opacity:0;transition-property:background-color,opacity,top;transition:.4s ease-in-out}.contact__entry-field:focus+.contact__label,.contact__entry-field:not(:placeholder-shown).contact__entry-field:not(:focus)+.contact__label{opacity:1;top:-1rem}.contact__form .contact__area{height:10rem}.contact__area textarea{resize:none;padding-top:1rem}.contact__btn.btn{background-color:var(--clr-primary);cursor:pointer;transition:background-color .3s ease-in-out}.contact__btn.btn:where(:hover,:focus-within){background-color:#fd6435}.contact__btn:disabled{opacity:.5;cursor:not-allowed}.contact__socials{background-color:#1a1a1a;text-align:center;padding-block:1rem 2rem;display:grid;row-gap:1rem}.contact__socials-arrow{width:2rem;margin-inline:auto}.contact__socials-info{display:flex;flex-direction:column;gap:1.5rem}.contact__socials-description-1{color:var(--clr-light-text);font-size:var(--fs-md);margin-bottom:.5rem}.contact__socials-description-2{color:var(--clr-white);font-size:var(--fs-md);font-weight:var(--fw-semi-bold)}.contact__socials-links{display:flex;justify-content:center;gap:.75rem}.contact__status-msg{color:var(--clr-white);font-size:var(--fs-md);font-weight:var(--fw-medium);text-align:center;margin-top:1rem;position:absolute;bottom:-1.6rem;left:0}.field-error{display:block;color:var(--clr-error);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-top:.25rem}body.dark :where(.contact__form-wrapper,.contact__entry-field,.contact__label){background-color:var(--clr-wrapper)}@media screen and (width <= 340px){.contact__info{width:100%}.contact__info .section__title-2{transform:translate(0)}}@media screen and (width >= 576px){.contact__wrapper.grid{grid-template-columns:31.25rem;justify-content:center}.contact__info{width:21.875rem;padding:4rem 1.5rem;margin-inline:auto}.contact__group{grid-template-columns:repeat(2,1fr);column-gap:1rem}.contact__socials{background-color:transparent}.contact__socials-arrow{filter:invert(1)}.contact__socials-description-1{color:var(--clr-text)}.contact__socials-description-2{color:var(--clr-title)}body.dark .contact__socials-arrow{filter:none}}@media screen and (width >= 1150px){.contact__wrapper{padding-bottom:2rem}.contact__wrapper.grid{grid-template-rows:initial;grid-template-columns:27.5rem 41.875rem}.contact__info{width:24.5rem;height:23.4375rem;border-bottom-width:6px;padding:4.5rem 3.5rem 3.5rem;margin:7.5rem 0 0 8rem}body.dark .contact__info{box-shadow:4px 0 8px #0a0a0a4d}.contact__info .section__title-2{margin:0 0 2rem;transform:translate(-6.5rem)}.contact__socials-arrow{width:2.5rem}.contact__socials{text-align:initial;margin-left:8rem}.contact__socials-info{flex-direction:row;align-items:center;gap:1.25rem}.contact__socials-link{font-size:1.5rem;padding:.5rem}.contact__form-wrapper{grid-column:2 / 3;grid-row:1 / 3;padding:7rem 5.5rem 6rem 7.5rem;margin-top:0}.contact__form-title{font-size:var(--fs-h3);text-align:initial}.contact__field-item{height:3.75rem;margin-bottom:.5rem}.contact__form .contact__area{height:11rem}.contact__btn{width:max-content;margin-top:1.25rem}.contact__status-msg{bottom:-2.5rem}}.footer{background-color:var(--clr-black)}.footer__wrapper{padding-block:3rem 2rem}.footer__wrapper.grid{row-gap:2.5rem}.footer__list{display:flex;justify-content:center;gap:2rem}.footer__link{color:var(--clr-white);transition:color .4s ease-in-out}.footer__link:where(:hover,:focus-visible){color:var(--clr-light-text)}.footer__copyright{color:var(--clr-light-text);font-size:var(--fs-md);text-align:center}.footer__copyright a{color:var(--clr-white);font-weight:var(--fw-medium)}body.dark .footer{background-color:#0a0a0a}@media screen and (width >= 1150px){.footer__wrapper{padding-block:4rem}.footer__wrapper.grid{grid-template-columns:repeat(2,max-content);justify-content:space-between}.footer__list{gap:3rem;order:1}}.wrapper{max-width:70rem;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:4rem 2rem}.section__title-1,.section__title-2{width:max-content;font-size:var(--fs-h1);margin:.75rem auto 2rem;position:relative}.section__title-1 span,.section__title-2 span{position:relative;z-index:5}.section__title-1:after,.section__title-2:after{content:"";width:2.5rem;height:1.75rem;background-color:#fc3d0333;position:absolute;top:-.25rem;right:-.5rem}.section__title-2:after{top:initial;bottom:-.25rem}.square{width:1.25rem;height:1.25rem;background-color:var(--clr-primary);rotate:-30deg;position:absolute}.square:after{content:"";width:1rem;height:1rem;border:3px solid var(--clr-black);position:absolute;left:-.3125rem;top:-.3125rem}.btn,.btn-ghost{display:flex;justify-content:center;align-items:center;gap:.5rem}.btn{background-color:var(--clr-black);color:var(--clr-white);font-weight:var(--fw-medium);text-transform:capitalize;padding:1.1rem 1.5rem;transition:background-color .4s ease-in-out}.btn i{font-size:1.25rem}.btn:where(:hover,:focus-visible){background-color:var(--clr-primary)}.btn-ghost{color:var(--clr-black);padding:.5rem;border:3px solid var(--clr-black);transition:border-color .4s ease-in-out}.btn-ghost i{font-size:1.25rem}.btn-ghost:where(:hover,:focus-visible){border-color:var(--clr-primary)}body.dark .section__title-1:after,body.dark .section__title-2:after{background-color:#d9502633}body.dark .btn-ghost{color:var(--clr-white)}@media screen and (width <= 340px){.wrapper{margin-inline:1rem}}@media screen and (width >= 1150px){.wrapper{margin-inline:auto}.section{padding-block:7rem 2rem}.section__title-1:after,.section__title-2:after{width:4.375rem;height:3rem}.square{transform:scale(1.2)}.btn-ghost{padding:.75rem}.btn-ghost i{font-size:1.5rem}}