/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* Цветова палитра — Back to the Future + неонов розов акцент */
:root {
  --bg-dark: #0b0d1a;
  --bg-light: #16182b;
  --neon-blue: #00f6ff;
  --neon-pink: #ff3fae;
  --white: #ffffff;
}

/* Пикселиран шрифт (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body {
  background: var(--bg-dark);
  color: var(--white);
  margin: 0;
  font-family: Arial, sans-serif;
}

/* HERO секция */
.hero {
  height: 90vh;
  background: url("https://images.unsplash.com/photo-1534447677768-be436bb09401") center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-text h1 {
  font-family: 'Press Start 2P', cursive;
  font-size: 32px;
  color: var(--neon-pink);
  text-shadow: 0 0 15px var(--neon-pink);
}

/* YouTube бутон */
.yt-button {
  padding: 12px 20px;
  background: var(--neon-blue);
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  margin: 20px;
  display: inline-block;
}

/* Видео секция */
.video-latest h2 {
  font-family: 'Press Start 2P';
  color: var(--neon-pink);
}

.video-wrapper {
  display: flex;
  justify-content: center;
  padding: 20px;
}

/* Блог */
.blog h2 {
  font-family: 'Press Start 2P';
  color: var(--neon-blue);
}

.post {
  background: var(--bg-light);
  padding: 20px;
  margin: 20px;
  border-left: 4px solid var(--neon-pink);
}

}