body {
  background-image: url("http://www.technocrazed.com/wp-content/uploads/2015/12/Landscape-wallpaper-16.jpg");
}

h1 {
  font-family: Sans-serif;
  font-size: 300%;
  text-align: center;
  margin: 10% auto auto auto;
}

.container {
  max-width: 700px;
  margin: 120px auto 150px auto;
  background-color: #4dc3ff;
  border-radius: 25px;
}

#data {
  padding: 40px 0px;
  text-align: center;
}

#icon {
  font-size: 5em;
}

#temp-container {
  font-size: 4em;
}

#weather {
  font-size: 3em;
}

#temp, #deg {
  display: inline;
}

button {
  margin: auto;
  display: block;
  padding: 16px 32px;
  font-family: helvetica;
  font-size: 16px;
  color: #00ffff;
  background: #003490;
  border-radius: 8px;
  border: 2px solid #00ffff;
  font-weight: 100;
}

button:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

footer {
  text-align: center;
  color: white;
  padding: 20px;
}