header {
  background-color: black;
  box-shadow: 0 10px 10px -5px #888888;
}
.parallax {
  /* The image used */
  background-image: url("https://images.ctfassets.net/uiu4umqyl5b5/4EPMdfe3KlJUhHVmhuKo6x/06668f79e7a931dacf55edcab3bf16e0/Six_Nations_Trophy.jpeg");

  /* Set a specific height */
  min-height: 820px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .parallax {
    min-height: 900px;
    background-position: bottom center;
  }
}

header h1 {
  color: white;
  margin-top: auto;
  margin-bottom: auto;
}
header img {
  max-width: 20%;
}
header > div.content {
  position: sticky;
  top: 20px;
}
table {
  width: 80%;
}
div.match {
  background-color: lightgray;
  color: black;
  box-shadow: 0 10px 10px -5px #888888;
}
div.match > div {
  margin: auto;
}
div.my-predictions {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
div.fixture {
  display: flex;
  background-color: gray;
  color: white;
  box-shadow: 0 10px 10px -5px #888888;
}
@media only screen and (min-width: 992px) {
  div.fixture:nth-child(even) {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
}
div.fixture > div,
div.fixture > div > p.display-5 {
  margin: auto;
}
div.active {
  background-color: purple;
}
span.input-group-text {
  min-width: 50px;
}
i.fa-caret-up {
  color: green;
}
i.fa-caret-down {
  color: red;
}
img.formLogo {
  width: 50px;
}
img.fixtureLogo {
  width: 100px;
}
img.predictionLogo {
  width: 125px;
}
footer {
  background-color: black;
}

button.score-button {
  margin-top: auto;
}

.fixtures-panel {
  background-color: black;
  background-image: url("https://e1.pxfuel.com/desktop-wallpaper/548/758/desktop-wallpaper-purple-wavy-lines-background-smoke-veil-abstract-wavy-vibrant.jpg");
  background-size: cover;
  color: white;
}