:root{--font-worksans:"Work Sans",sans-serif;--font-kanit:"Kanit",sans-serif}:root{--base-color:hsl(0, 0%, 95%);--base-variant:hsl(0, 0%, 93%);--base-content:hsl(0, 0%, 97%);--text-color:hsl(0, 0%, 12%);--primary-color:hsl(210, 89%, 29%);--accent-color:hsl(149, 81%, 48%);--dark-blue:hsl(202, 93%, 16%);--link-color:hsl(149, 81%, 48%);--hover:hsl(185, 55%, 59%);--neutral-grey:hsl(0, 0%, 90%);--button-hover:hsl(24, 100%, 50%);--alert:hsl(51, 100%, 60%);--fail:hsl(348, 88%, 59%);--success:hsl(120, 100% 68.63%)}.darkmode{--base-color:hsl(0, 0%, 12%);--base-variant:hsl(0, 0%, 18%);--base-content:hsl(0, 0%, 7%);--base-client:hsl(0, 0%, 75%);--text-color:hsl(0, 0%, 95%)}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}body{position:relative;margin:0;padding:0;z-index:0;background-color:var(--base-color);font-family:var(--font-kanit);color:var(--text-color)}html{scroll-behavior:smooth}section{padding-block:2.5rem}@media (min-width:48em){section{padding-block:4.5rem}}h1,h2,h3{margin:0;line-height:1.1}h1{margin:0;font-size:3.25rem;letter-spacing:-.1ch;line-height:.9;color:var(--text-color)}@media (min-width:48em){h1{font-size:6rem}}h1 span{color:var(--accent-color)}h2{font-size:1.5rem}p{margin:0;font-size:1rem;font-weight:300;line-height:1.4;letter-spacing:-.05ch;color:var(--text-color)}@media (min-width:48em){p{width:100%;font-size:1.125rem}}p br{margin-bottom:1rem}a,a:active,a:visited{text-decoration:none}.wrapper{max-width:76.625rem;margin-inline:auto;padding-inline:1.5625rem}@media (min-width:79.125em){.wrapper{padding-inline:0}}a{display:inline-block;color:var(--link-color);transition:all .2s ease-in-out}a:hover{color:var(--hover);transition:all .2s ease-in-out}.paragraph{font-size:1.375rem;font-weight:400;color:var(--text-color)}@media (min-width:48em){.paragraph{font-size:1.625rem}}.button{align-self:flex-start;font-size:1rem;padding:.75rem 2rem;color:#fff;background-color:var(--accent-color);border:none;border-radius:2rem;cursor:pointer;transition:all .2s ease-in-out}.button:hover{color:#fff;background-color:var(--button-hover);transition:all .2s ease-in-out;box-shadow:0 .25rem .75rem rgba(0,0,0,.3),0 .075rem .15rem rgba(0,0,0,.4)}.button::after{margin-left:.75rem}.button svg{width:1.125rem;margin-bottom:-.1875rem;margin-left:.375rem;fill:#fff}input::placeholder,textarea::placeholder{font-size:1.125rem}input:focus,textarea:focus{outline:0!important}body:has(.nav__open[aria-expanded=true]){overflow-y:hidden}header #top{position:sticky;height:7.5rem;background-color:var(--base-color);box-shadow:0 -1.25rem 3.75rem var(--box-shadow);z-index:3}@media (max-width:47.938em){header #top{height:5rem}}.nav__top{height:5rem;display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-items:start}.nav__principal{width:100%;display:grid;align-content:center;justify-items:end}.nav__principal .menu{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0}@media (max-width:47.938em){.nav__principal .menu{flex-direction:column;align-items:center}}.nav__principal .menu-item{list-style:none;font-weight:400;font-size:1.375rem}.nav__principal .menu-item a{color:var(--blue)}.nav__principal .menu-item a:hover{color:var(--hover);transition:all .2s ease-in-out}.nav__principal .current-menu-item a{color:var(--accent-color)}.nav__logo{position:relative;display:flex;align-items:center;width:auto;height:3.75rem}.nav__logo img{width:100%;height:90%}@media (max-width:47.938em){.nav__logo{height:3.125rem}}.nav__menu{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-end;z-index:99999999}@media (max-width:47.938em){.nav__menu{position:fixed;inset:0;padding:1.25rem 1.75rem;background-color:var(--base-color);translate:100vw;transition:translate .5s ease-in-out;flex-direction:column;justify-content:space-between;align-items:center}}@media (width < 48em) and (prefers-reduced-motion){.nav__menu{translate:0;opacity:0;transition:opacity .5s ease-in-out}}.nav__button{background-color:transparent;border:none;padding:0;display:block}.nav__button svg{width:auto;height:2.5rem}@media (min-width:48em){.nav__button{display:none}}.nav__open[aria-expanded=true]+.nav__menu{translate:0}@media (prefers-reduced-motion){.nav__open[aria-expanded=true]+.nav__menu{opacity:1}}.nav__open{fill:var(--text-color)}.nav__close{fill:var(--text-color);margin-inline-start:auto}#theme-switch{display:flex;width:2.5rem;height:2.5rem;margin:0;padding:0;margin-left:2rem;border:none;background-color:transparent;cursor:pointer}.nav__darkmode{width:2.5rem;height:2.5rem}@media (max-width:47.938em){.nav__darkmode{margin-inline:0;margin-bottom:4rem}}.site-main{height:100vh;display:flex;flex:0}article h1{font-size:3rem;margin-bottom:1.5rem}article p{font-size:1rem}.home>.site-main{display:flex;align-items:center;justify-content:center;background-color:var(--text-color);background-image:url(img/background.svg)}.logo{width:12.5rem}.card{display:grid;gap:2rem;width:min-content;max-height:28.125rem;padding:2rem;border-radius:1.5rem;background-color:var(--base-color);box-shadow:0 15px 15px -10px rgba(0,0,0,.5),0 15px 60px -5px rgba(0,0,0,.75)}.card #theme-switch{margin-left:0}h1{font-weight:400;margin-left:-.25rem;margin:0;color:var(--accent-color)}@media (min-width:48em){h1{margin-left:-.3125rem}}h2{font-weight:500;font-size:2.25rem}