<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>☕ 穏やかな Serene</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="container">
<h1>☕ 穏やかな Serene</h1>
<p>Brew. Sip. Repeat.</p>
<hr>
<!-- Embedded Spotify Song -->
<div class="spotify-player">
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/7txu5WQ4pEjstKSqgMo2Lk?utm_source=generator"
width="100%" height="152" frameborder="0"
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</div>
<hr>
<!-- Drink Menu Section -->
<section class="menu">
<h2>What does Serene have?</h2>
<ul>
<li>
<strong>Lavender Milk</strong><br>
<span>Our signature drink! The aroma is fresh and amazing.</span>
</li>
<li>
<strong>Chocomint</strong><br>
<span>Minty and refreshing! Choco gets you locked in.</span>
</li>
<li>
<strong>Vinyl Vanilla Squeez</strong><br>
<span>It's not the name that's weird — it makes it amazing! Sweet and spicy.</
span>
</li>
</ul>
</section>
<hr>
Serene, here to offer you happiness
</main>
</body>
</html>
/* Add your styles here */
// Add your code here