@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');

body {
  background-repeat: no-repeat;
  background-size: 100%;
  
}

input {
  border-radius: 6px;
  padding: 1%;
  font-size: 1.19em;
  box-shadow: 2em;
}

h1 {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
  font-family: 'Righteous', cursive;
  font-size: 66px;
}

div[id="locationForm"] {
  margin-top: 10%;
}

div {
  text-align: center;
  width: 50%;
  margin: auto;
  /*margin-bottom: 5%;  */
}

#weather-infos div {
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  /*float: left;*/
  margin: auto;
  text-align: center;
  font-size: 2em;
}

div[class='flash'] {
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 1.2em;
}