#openweather #header h1, #openweather #header h2 {
	color: #fff;
	text-shadow: 0 0 8vw #000;
	margin: 0;
}
#openweather #header h2 {
	font-size: 200%;
}
#openweather #footer {
	animation-delay: 2s;
}
#logo {
	animation-delay: 2.5s;
}
#forecast {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 41%;
	padding: 3% 10% 15%;
	background: rgba(255,255,255,0.85);
	opacity: 0;
	animation: fadeIn;
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}


#forecast .today {
	float: left;
	width: 20vw;
	padding: 5vh 1vw 0;
	border-right: 0.5vw solid #000;
	
	opacity: 0;
	animation: fadeIn;
	animation-delay: 1.5s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

#forecast .nday {
	float: left;
	width: 12vw;
	padding: 5vh 1vw 0;
	
	opacity: 0;
	animation: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
#forecast .nday:nth-child(2) {
	animation-delay: 2s;
}
#forecast .nday:nth-child(3) {
	animation-delay: 2.5s;
}
#forecast .nday:nth-child(4) {
	animation-delay: 3s;
}
#forecast .nday:nth-child(5) {
	animation-delay: 3.5s;
}
#forecast li {
	list-style: none;
	display: block;
	width: 100%;
	padding: 0 0 3vh 0;
	font-size: 3vw;
	text-align: center;
	color: #000;
}
#forecast li:first-child {
	color: #000;	
}
#forecast li:nth-child(2) {
	padding: 2vh 0 1vh 0.5vw;
}
#forecast li:last-child {
	padding: 0;
}
#forecast .today li {
    font-size: 4vw;
}
#forecast li img {
	width: 12vw;
}
#forecast .nday li img {
	width: 10vw;
}