@font-face { font-family: "LocalTest"; src: url("https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2") format("woff2"); }
.hero { min-height: 260px; background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)), url("https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=1200&q=70") center/cover; color: #fff; display: flex; align-items: center; justify-content: center; }
.hero h1 { font-family: "Playfair Display", serif; font-size: 2.5rem; }
.badge-note::after { content: " (CSS content text)"; }
.md\:flex { display: flex; }
.x { background: url(//images.unsplash.com/photo-1509042239860-f550ce710b93?w=300) }