body {
	background-size:cover;
	background-repeat:no-repeat;
  font-family: courier, monospace;
  font-size:20px;
  transition: background 0.5s linear;
}

.container {
  text-align:center;  
}

#content {
  margin:0 auto;  
  padding-top:40px;
  max-width:800px;
}

.btn {
  background:#eee;
  border-radius:0;
  color:#666;
  display:inline-block;
  margin:0 auto;
  padding:20px;
  transition: all 0.2s linear;
  text-decoration:none;
}

.btn:hover {
  background:#aaa;
  color:#fff;
  transition: all 0.2s linear;
}

.clear {
	background-image: url(images/clear-min.jpg);
}

.clouds {
	background-image: url(images/cloudy-min.jpg);
}

.snow {
	background-image: url(images/snow-min.jpg);
}

.sun {
	background: orange;
}

.rain {
	background-image: url(images/rain-min.jpg);
}

.night {
	background-image: url(images/stars-min.jpg);
	color:#fff;
}

.loading {
	font-size:50px;
}

.loading,
.parp {
	display:none;
}

.loading.show,
.parp.show {
	display:block;
}

#tempf {
	display:none;
}