/*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
body {
  background-color: #1a1a2e;
  color: #e0e0e0;
}
.navbar {
  background-color: #162447;
}
.navbar-brand, .nav-link {
  color: #e0e0e0;
}
.navbar-brand:hover, .nav-link:hover {
  color: #f0f0f0;
}

.container {
  margin-top: 20px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  max-width: 1600px;
  margin: auto;
}

.video {
  box-sizing: border-box;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.thumbnail {
  width: 100%;
}

.description-box {
  margin-top: 1em;
  color: #162447;
}

.video-title {
  font-size: 1em;
  style: bold;
  color: #162447;
}