@charset "UTF-8";
/* CSS Document */
.navbar {
  padding-left: 20px;
  padding-right: 20px;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1.display-4 {
    font-weight: bold; /* or use a numeric value like 700 */
}

.col-xxl-6 {
    text-align: left; /* Or use 'start' for modern logical properties */
}

.col-xxl-8 {
    text-align: left; /* Or use 'start' for modern logical properties */
}

.navbar a:hover {
  background-color: #6699cc;  /* Your custom hover color */
  color: #ffffff;             /* Keep text readable */
}

body {
    background-color: #FFEDB3;
}

.no-underline {
    text-decoration: none;
}

.playlist-container {
  width: 100%;             /* Scales to fit the parent container or screen width */
  max-width: 800px;        /* Prevents the video from becoming too massive on large monitors */
  margin: 0 auto;          /* Centers the playlist container on the web page */
}

.playlist-container iframe {
  width: 100%;             /* Forces the iframe to adapt to the container width */
  aspect-ratio: 16 / 9;    /* Maintains perfect proportional height without black bars */
  border: 0;               /* Removes default border outlining */
}