/* 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." */


   
h1 {
    margin: 0;
    padding: 0;
    line-height: 1;
}        
         
h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
}
         
h3 {
    margin: 0;
    padding: 0;
    line-height: 1;
}  

.centered-list ol {
  display: inline-block;        /* Shrinks to fit content */
  --text-align: left;           /* Aligns list item text */
  padding-left: 0;              /* Optional: adjusts bullet spacing */
  margin-left: 0;               /* Ditch the bullet points. */
  list-style-type: none;        /* Ditch the bullet points. */
  list-style-position: outside; /* Keeps bullets outside the text block */
}

.centered-list ul {
  display: inline-block;   /* Shrinks to fit content */
  --text-align: left;      /* Aligns list item text */
  padding-left: 0;         /* Optional: adjusts bullet spacing */
  margin-left: 0;          /* Ditch the bullet points. */
  list-style-type: none;   /* Ditch the bullet points. */
  list-style-position: outside; /* Keeps bullets outside the text block */
}

input {
  background-color: #222;
  color: white;
  border: 1px solid white;
  padding: 5px;
  margin: 10px;
}

table {
  table-layout: auto;
  background-color: black;
  color: white;
  border-collapse: collapse;
  margin: auto;
  width: 100%;
}

th, td {
  border: 1px solid white;
  padding: 8px;
  text-align: left;
}
th {
  background-color: #111;
  font-weight: normal;
}

input:focus {
  outline: none;
  border-color: cyan;
}

tr:nth-child(even):not(.active-row) {
  background-color: #222;
}


td a:hover img {
  filter: brightness(0.75) invert(0);
}

.content-block {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1em;
}

.sixth-width {
  width: 16.66%;
  height: auto; /* preserves aspect ratio */
  display: block;
  margin: 0 auto; /* centers the image horizontally */
}
         
.footer-image {
  display: block;
  width: 8%;           /* or whatever size you want */
  margin: 2em auto 0;   /* top margin gives breathing room */
}

body {
  padding-bottom: 160px; /* Slightly more than player height */
}