:root {
  --pmcm-blue: #002267;
  --pmcm-orange: #ee5c45;
}

/* Screen content */

.centred {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* Home screen PMCM band */

#home-top-band {
  background-color: var(--pmcm-blue);
  width: 100%;
  color: white;
  display: flex;
  justify-content: center;
}

#home-top-band-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#pmcm-h1{
  font-size: 3rem;
}

#match-h1{
  font-size: 2rem;
}

/* Home contents */
#home-div {
  margin-top: 1rem;
  padding: 0;
  align-self: center;
}

#home-div-left {
  padding: 0 1rem 0 0;
  margin: 0 0 1rem 0 ;
}

.home-div-btn {
  background-color: var(--pmcm-blue);
  text-decoration: none;
  color: white;
  align-self: flex-start;
}

.home-div-btn:hover {
  background-color: var(--pmcm-orange);
}

#key-dates {
  background-color: var(--pmcm-orange);
  color: white;
  border-radius: 1rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

#key-dates > p {
  padding: 0;
  margin: 0;
}

#hr_min {
  font-size: 5rem;
  margin-top: 0;
}

#day_date {
  font-size: 1.5rem;
  margin-bottom: 0;
}