<img class="abs block w:full h:full left:0 top:0 object:cover pointer-events:none" src="https://images.pexels.com/photos/2339009/pexels-photo-2339009.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
<div class="abs block w:full h:full left:0 top:0 bg:radial-gradient(circle,rgba(0,0,0,.6)0%,rgba(0,0,0,0)100%)"></div>
<div class="abs inset:0 h:fit m:auto font:white rel max-width:600 d:flex flex:col gap:10 p:50">
<!-- tabs -->
<nav class="d:flex px:12 r:10 bd:blur(30) b:1;solid;white/.1 bg:black/.3 blend:hard-light">
<a class="
bg:white/.15.active bg:white/.15:hover:not(.active) ls:1
p:15 font:14 font:semibold
font:gray-40 font:white:is(.active,:hover)
active
">
Home
</a>
<a class="
bg:white/.15.active bg:white/.15:hover:not(.active) ls:1
p:15 font:14 font:semibold
font:gray-40 font:white:is(.active,:hover)
">
Blog
</a>
<a class="
bg:white/.15.active bg:white/.15:hover:not(.active) ls:1
p:15 font:14 font:semibold
font:gray-40 font:white:is(.active,:hover)
">
Album
</a>
</nav>
<!-- card -->
<div class="d:flex bg:black/.3 b:1;solid;white/.1 p:10 r:10 bd:blur(30)">
<div class="p:15">
<div class="text:24 font:bold">すし</div>
<div class="text:14 font:gray-20 lines:3 mt:8 mb:10">
Sushi is a traditional Japanese dish of prepared
vinegared rice, usually with some sugar and salt, accompanied by a variety of
ingredients, such as seafood, often raw, and vegetables.</div>
<div class="text:12 ls:1 mt:auto">🇯🇵 Japanese</div>
</div>
<img class="aspect:1/1 w:150 r:5 object:cover"
src="https://images.pexels.com/photos/248444/pexels-photo-248444.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">
</div>
<!-- button -->
<button class="
bg:black/.3 bg:black/.15:hover ls:2
p:15 b:1;solid;white/.1 r:10
inline-block font:semibold bd:blur(30)
font:14
">
EXPLORE
</button>
<p class="font:12 text:center">
powered by <a href="https://styles.master.co" class="text:underline" target="blank">Master Styles</a>
</p>
</div>
