html {
  scroll-behavior: smooth;
}

body {
  background: #0a0a0a;
  color: white;
  overflow-x: hidden;
}

.hero-bg {
  background-image: url('https://tlotd.net/assets/background.png');
  background-size: cover;
  background-position: center;
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.1);
}

.hero-logo {
  filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.45));
  user-select: none;
  pointer-events: none;
}

.glass {
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.05);
}

.navbar-logo {
  height: 42px;
  width: auto;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
}

#newsContainer::-webkit-scrollbar {
  height: 6px;
}

#newsContainer::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
  border-radius: 10px;
}

.news-card {
  min-width: 320px;
  max-width: 320px;
  scroll-snap-align: start;
}

#news_header,
#projects_header,
#games_header {
  scroll-margin-top: 74px;
}

#description_header,
#gallery_header,
.project_row,
.game_row {
  scroll-margin-top: 95px;
}

.pixel-art {
  image-rendering: pixelated;
}