@font-face{font-family:PoorLittleBaby;src:url('/assets/PoorLittleBaby.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Balsamiq Sans';src:url('/assets/BalsamiqSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Balsamiq Sans';src:url('/assets/BalsamiqSans-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--body:'Balsamiq Sans',sans-serif;--display:'Balsamiq Sans',sans-serif;--brand:PoorLittleBaby,sans-serif}
body{font-family:var(--body)}
.brand-title{font-family:var(--brand);font-weight:400;letter-spacing:0;text-transform:none}
#startCard h1{font-family:var(--brand);font-weight:400;font-size:clamp(62px,6.8vw,100px);line-height:1.1;letter-spacing:0;white-space:nowrap;transform:rotate(-3deg);margin-bottom:16px}
#startButton>span{font-size:27px;letter-spacing:.3px}
.menu-button{font-size:18px;letter-spacing:.1px}
.social-button strong{font-size:18px;letter-spacing:0}
.social-button .brand-title{font-family:var(--brand);font-size:14px;letter-spacing:0;font-weight:400}
 dialog h2{line-height:1.08;letter-spacing:0}
.fee-value strong{font-size:57px;letter-spacing:-1px}
@media(max-width:600px){#startCard h1{font-size:58px}#startButton>span{font-size:25px}.menu-button{font-size:16px}.social-button strong{font-size:16px}.fee-value strong{font-size:43px}}

.brand .brand-title{color:var(--yellow);font-size:38px}.brand small{font-family:var(--body)}

.brand-title .brand-poor,#startCard h1 .brand-poor{color:#f7f2df;transform:none}.brand-title .brand-dad,#startCard h1 .brand-dad{color:#ffdc54;transform:none}.brand-title span{font:inherit;letter-spacing:inherit}