body {
  background-image: url(https://excision.ca/wp-content/uploads/2023/12/Excision_Tour_Dates.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: cover;
  box-sizing: border-box;

  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

main {
  min-height: 100vh;
}

.Excision {
  background-color: #444444aa;
}

.exc-head { 
  text-align: center; 
  padding-bottom: 4vh;
  padding-top: 4vh;

  outline-color: #220b0b;
  outline-style: solid;
}

.exc-separators {
  margin-bottom: 1.25vh;
  margin-top: 1.25vh;
}

.exc-logo {
  max-inline-size: 50%;
  align-self: center;
}

.exc-nav {
  background-color: #444444bb;
  padding-top: 1.5vh;
  padding-bottom: 1.5vh; 
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
  width: 100%;

  outline-color: #220b0b;
  outline-style: solid;
}

.exc-container {
  display: grid;
  background-color: #555;
  grid-auto-flow: column;
  grid-auto-columns: minmax(414px, 25%);
  overflow-x: auto;

  outline-color: #220b0b;
  outline-style: solid;

  background-color: #555555BB;
}

.exc-container img {
  max-inline-size: 100%;
  block-size: auto;
  outline-color: #000000;
  outline-style: solid;
}


.exc-box {
  padding-bottom: 2vh;
  padding-top: 2vh;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align:center;
  font-style:italic;
}

.exc-h1 {
  color: #DDD;
  font-size: clamp(3rem, 5rem, 6rem);
}

.exc-h2 {
  color: #CCC;
  font-size: clamp(1.5rem, 1.5rem, 1.5rem);
}

.exc-h3 {
  font-size: clamp(1.45rem, 1.45rem, 1.45rem);
  color: #ec8c8c;
}

.exc-h3:visited {
  color: #c95959;       /* visited link */
}

.exc-h3:hover {
  color: #ffcece;           /* hover */
}

.exc-h3:active {
  color: #dd4343;        /* while clicking */
}

.exc-borderless {
  margin-bottom: 0px;
  border-bottom: 0px;
}

.exc-info {
  background-color: #424242dd;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
  text-align: justify;

  outline-color: #220b0b;
  outline-style: solid;
}

.exc-text {
  font-size: clamp(1.25rem, 1.25rem, 1.25rem);
  color: #BBB;
}


ul.exc-inline {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.exc-inline li {
  display: inline;
}

ul.exc-inline li::after {
  content: " | ";
}

ul.exc-inline li:first-child::before {
  content: " | ";
}