@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
h1,h2,h3,header .brand,header nav,.button,button,.comic-marquee span,.membership-strip .price{font-family:'Bangers','Impact',cursive;font-weight:400;letter-spacing:1.5px}
header .brand{font-size:24px;font-style:normal;letter-spacing:1.2px}header nav{font-size:18px;letter-spacing:1px}.menu-actions .button,.menu-actions button{font-size:20px;font-weight:400;letter-spacing:1.5px}header nav .author-nav{font-size:16px}.comic-hero h1{font-weight:400;line-height:.94;letter-spacing:2px;font-size:clamp(85px,11vw,145px)}.comic-hero .accent-title{font-size:.78em}.comic-hero-copy{max-width:720px}h2{font-weight:400}header .brand-wordmark{max-width:250px;white-space:normal}.card h3{font-weight:400}.membership-strip .price{font-weight:400}.page-intro h1{letter-spacing:2px}
@media(max-width:1250px){header .brand{font-size:21px}header nav{font-size:16px}.menu-actions .button,.menu-actions button{font-size:17px}header nav .author-nav{font-size:14px}}
@media(max-width:1000px){header .brand{font-size:21px}.menu-actions .button,.menu-actions button{font-size:16px}.comic-hero h1{font-size:116px}}
@media(max-width:650px){header .brand{font-size:18px;letter-spacing:.8px}.menu-actions .button,.menu-actions button{font-size:14px;letter-spacing:.8px}header nav{font-size:15px}header nav .author-nav{font-size:13px}.comic-hero h1{font-size:100px}.comic-hero .accent-title{font-size:.68em}.brand-wordmark{max-width:155px}}
@media(max-width:400px){header .brand{font-size:16px}.menu-actions .button,.menu-actions button{font-size:12px}.comic-hero h1{font-size:90px}header nav{font-size:14px}}
.comic-hero h1 .initial-o,.comic-hero h1 .initial-b,.comic-hero h1 .initial-u{display:inline;font-size:inherit}.initial-o{color:#f3bd4e}.initial-b{color:#ad53c7}.initial-u{color:#48b5e6}

.word-one{color:#f3bd4e}.word-breed{color:#ad53c7}.word-universe{color:#48b5e6}.comic-hero h1 .word-one{display:inline;font-size:inherit}.comic-hero h1 .word-universe{color:#48b5e6}