:root{--clr-dark: 230 35% 7%;--clr-light: 231 77% 90%;--clr-white: 0 0% 100%;--fs-900: clamp(5rem, 8vw + 1rem, 9.375rem);--fs-800: 3.5rem;--fs-700: 1.5rem;--fs-600: 1rem;--fs-500: 1rem;--fs-400: .9375rem;--fs-300: 1rem;--fs-200: .875rem;--ff-serif: "Bellefair", serif;--ff-sans-cond: "Barlow Condensed", sans-serif;--ff-sans-normal: "Barlow", sans-serif}@media (min-width: 35em){:root{--fs-800: 5rem;--fs-700: 2.5rem;--fs-600: 1.5rem;--fs-500: 1.25rem;--fs-400: 1rem}}@media (min-width: 45em){:root{--fs-800: 6.25rem;--fs-700: 3.5rem;--fs-600: 2rem;--fs-500: 1.75rem;--fs-400: 1.125rem}}*,*:before,*:after{box-sizing:border-box}body{display:grid;min-height:100vh;place-content:center}h1,h2,h3,h4,h5,p,figure,picture{margin:0}h1,h2,h3,h4,h5,h6,p{font-weight:400}.debug{border:1px solid red}.debug2{border:1px solid black}img,picutre{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex{display:flex;gap:var(--gap, 1rem)}.grid{display:grid;gap:var(--gap, 1rem)}.bg-dark{background-color:hsl(var(--clr-dark))}.bg-accent{background-color:hsl(var(--clr-light))}.bg-white{background-color:hsl(var(--clr-white))}.text-dark{color:hsl(var(--clr-dark))}.text-accent{color:hsl(var(--clr-light))}.text-white{color:hsl(var(--clr-white))}.ff-serif{font-family:var(--ff-serif)}.ff-sans-cond{font-family:var(--ff-sans-cond)}.ff-sans-normal{font-family:var(--ff-sans-normal)}.letter-spacing-1{letter-spacing:4.75px}.letter-spacing-2{letter-spacing:2.7px}.letter-spacing-3{letter-spacing:2.35px}.uppercase{text-transform:uppercase}.fs-900{font-size:var(--fs-900)}.fs-800{font-size:var(--fs-800)}.fs-700{font-size:var(--fs-700)}.fs-600{font-size:var(--fs-600)}.fs-500{font-size:var(--fs-500)}.fs-400{font-size:var(--fs-400)}.fs-300{font-size:var(--fs-300)}.fs-200{font-size:var(--fs-200)}.fs-900,.fs-800,.fs-700,.fs-600{line-height:1.1}.large-button{font-size:2rem;position:relative;z-index:1;display:inline-grid;place-items:center;padding:0 2em;border-radius:50%;aspect-ratio:1;text-decoration:none}.large-button:after{content:"";position:absolute;z-index:-1;width:100%;height:100%;background:hsl(var(--clr-white) / .1);border-radius:50%;opacity:0;transition:opacity .5s linear,transform .75s ease-in-out}.large-button:hover:after,.large-button:focus:after{opacity:1;transform:scale(1.5)}.card{display:grid;grid-template-columns:2rem 20rem 2rem;grid-template-rows:repeat(3,auto)}.welcome{background:#add8e6;grid-column:1/-1;grid-row:1/3;display:grid;grid-template-rows:subgrid}.start-chatting{background:coral;grid-column:2/3;grid-row:2/4}div{margin:.5rem}