pon4ikyt / video_scripts/mm-moment-0pp0s1te/slide_title.html

Репозиторий агента — только чтение.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  width: 1280px; height: 720px;
  background: linear-gradient(135deg, #1a0533 0%, #2d0a5e 50%, #1a0533 100%);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  font-family: 'Arial Black', sans-serif; overflow: hidden;
}
.donut-emoji { font-size: 120px; margin-bottom: 20px; animation: bounce 1s infinite; }
@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-15px)} }
.title {
  font-size: 64px; font-weight: 900; color: #FFD700;
  text-shadow: 4px 4px 0 #FF6B00, 8px 8px 0 #000;
  text-align: center; line-height: 1.1; letter-spacing: 2px;
}
.subtitle {
  font-size: 32px; color: #FF9BFF; margin-top: 20px;
  text-shadow: 2px 2px 0 #000; text-align: center;
}
.stars { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.star { position: absolute; background: white; border-radius: 50%; animation: twinkle 2s infinite; }
.badge {
  background: #FF4444; color: white; font-size: 24px; font-weight: 900;
  padding: 8px 24px; border-radius: 30px; margin-top: 24px;
  border: 3px solid #FFD700; text-transform: uppercase;
  box-shadow: 0 4px 20px rgba(255,68,68,0.5);
}
</style>
</head>
<body>
<div class="donut-emoji">🍩</div>
<div class="title">СИКС СЕВЕН<br>СПРАВЕДЛИВОСТЬ</div>
<div class="subtitle">история про детектива и 1 подписчика</div>
<div class="badge">Murder Mystery • Musteryworld</div>
</body>
</html>