*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sage: hsl(152, 30%, 42%);--sage-light: hsl(152, 25%, 92%);--sage-dark: hsl(152, 30%, 32%);--coral: hsl(18, 70%, 70%);--coral-light: hsl(18, 60%, 92%);--lavender: hsl(270, 30%, 75%);--lavender-light: hsl(270, 25%, 93%);--sky: hsl(200, 50%, 70%);--sky-light: hsl(200, 40%, 92%);--cream: hsl(40, 33%, 96%);--text: hsl(150, 15%, 20%);--text-muted: hsl(150, 10%, 50%);--radius: 1rem;--font-display: "Quicksand", sans-serif;--font-body: "Nunito", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}button{cursor:pointer;border:none;font-family:var(--font-display);font-weight:700;border-radius:var(--radius);transition:all .2s ease}input{font-family:var(--font-body);border-radius:var(--radius);border:2px solid transparent;outline:none;transition:border-color .2s ease}input:focus{border-color:var(--sage)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s ease forwards}