:root {
  --cBlue: cornflowerblue;
  --lightText: #fff;
}

#page-title {
  display: flex;
  justify-content: center;
  background: var(--cBlue);
  padding: 10px;
}
#current-weatherB {
  border: solid;
  border-radius: 5px;
  padding: 5px;
  background-color: var(--cBlue);
  width: 300px;
  justify-content: center;
}

#weather-display {
  margin: 5px;
  padding: 15px;
  text-align: center;
  justify-content: center;
  align-content: center;
}
#fiveWeather {
  justify-content: center;
  text-align: center;
}

.display-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: space-evenly;
}

.showP {
  display: none;
}

h1 {
  letter-spacing: 5px;
  color: var(--lightText);
}

li {
  list-style-type: none;
}

ul {

  border: solid;
  border-radius: 5px;
  padding: 10px;


}
container {
  text-align: center;
  justify-content: center;
}