/* GRID DEBUG MODE */
/* html * { */
/*   border: 1px black solid; */
/* } */

@font-face {
  font-family: "Compagnon Roman";
  src: url("../fonts/Compagnon-Roman.woff") format("woff");
  font-style: normal;
}

a {
  color: white;
}

html {
  background: rgb(4, 0, 255);
}

body {
  font-family: "Compagnon Roman", serif;
  background: linear-gradient(
    0deg,
    rgba(4, 0, 255, 1) 1%,
    rgba(255, 0, 255, 1) 86%
  );
  font-size: 1.4rem;
  line-height: 1.2;
  color: white;
}

@media (max-width: 768px) {
  #hbbs-bubbles-top {
    display: none !important;
  }
}

ul {
  padding-left: 0;
}

#navbar-list {
  margin: 5px;
}

#collection-list li::before {
  content: " ⃝ ";
  color: magenta;
}

#glossary-list li::before {
  content: " ⃝ ";
  color: magenta;
}

ul {
  margin: 0;
}

#content p {
  margin: 5px;
}

.no-style-list {
  list-style: none;
}

#programmes-list h1,
#programmes-list h2 {
  font-size: 1.4rem;
}

#programmes-list h2 {
  padding-left: 50px;
}

#films-list li::before {
  content: " ⃝ ";
  color: magenta;
}

#programmes-list li * {
  margin-bottom: 0;
}

#glossary-list li:nth-child(n + 2) {
  margin-top: 10px;
}

#programmes-list li:nth-child(n + 2) {
  margin-top: 10px;
}

#hbbs-logo,
#hbbs-bubbles-top,
#hbbs-bubbles-bottom {
  width: 100%;
}

#hbbs-bubbles-bottom {
  margin-top: 10px;
}

.film-indent {
  padding-left: 25px;
}

#programmes-explanation {
  margin-bottom: 20px !important;
}