:root{--clr-primary: #F6F6F6;--clr-secondary: #333333;--clr-secondary-2: #555555;--clr-secondary-3: #777777;--clr-accent: #C9C9C9;--clr-accent-2: #FFD6D6;--unit: 1rem;--header-height: 8vh;--small-breakpoint: 30rem;--medium-breakpoint: 45rem;--large-brteakpoint: 60rem;--breakpoint: var(--small-breakpoint);--h1-font-size: 2.5rem;--h1-line-height: var(--h1-font-size);--h2-font-size: 2rem;--h2-line-height: var(--h2-font-size);--h3-font-size: 1.5rem;--h3-line-height: var(--h3-font-size);--p-font-size: 1rem;--p-line-height: calc(var(--unit) * 1.5) }*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}img{max-width:100%}body{background-color:var(--clr-primary)}header{width:100%;position:fixed;z-index:1;background-color:var(--clr-accent);height:var(--header-height);top:-100%;align-items:center;display:flex;transition:.2s}section{height:100vh;height:100svh;padding:calc(var(--unit) * 2) var(--unit);display:flex;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always}section.has-header{padding-top:calc(var(--header-height) + var(--unit) * 2)}section.center{align-items:center}.container{max-width:var(--breakpoint);margin-inline:auto}h1,h2,h3{color:var(--clr-secondary);font-family:Yeseva One,cursive;font-weight:500}h1{font-size:var(--h1-font-size);line-height:var(--h1-line-height);text-transform:uppercase}h2{font-size:var(--h2-font-size);line-height:var(--h1-line-height)}h3{font-size:var(--h3-font-size);font-family:"Bree Serif",serif;font-weight:100;line-height:var(--h3-line-height)}p{font-size:var(--p-font-size);font-family:Roboto Slab,serif;color:var(--clr-secondary-2);line-height:var(--p-line-height)}p.secondary{color:var(--clr-secondary-3)}p b{font-weight:600}button{padding:calc(var(--unit) * .5) var(--unit);border-radius:calc(var(--unit) * .25);background-color:var(--clr-accent-2);color:var(--clr-secondary-2);font-family:"Bree Serif",serif;text-transform:uppercase;border:none;outline:none;max-width:max-content}button:hover{filter:contrast(.9)}.flow{display:flex;flex-direction:column;gap:var(--unit)}.flow-hoirizontal{display:flex;column-gap:var(--unit);flex-wrap:wrap}a{color:var(--clr-secondary-2);text-decoration:none}.link{font-weight:700;border-bottom:2px solid var(--clr-secondary-2)}.align-center{text-align:center}@media screen and (min-width: 45rem){:root{--breakpoint: var(--medium-breakpoint);--header-height: 10vh}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--unit) * 2);align-items:center}}@media screen and (min-width: 65rem){:root{--breakpoint: var(--large-brteakpoint);--header-height: 12vh;--unit: 1.25rem;--h1-font-size: 3rem;--h2-font-size: 2.25rem;--h3-font-size: 1.75rem;--p-font-size: 1.15rem;line-height:calc(var(--unit) * 1.25)}}