@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
body {
	font-family: Open Sans, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: hsla(0, 0%, 100%, .9)
}
a {
	text-decoration: none;
	color: inherit;
	transition: color .2s ease-in
}
.app {
	height: 100vh;
	width: 100vw;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.app--day {
	background-color: #6cb9c8
}
.app--night {
	background-color: #484f60
}
.app--day a:hover {
	color: rgba(46, 146, 167, .9)
}
.app--night a:hover {
	color: rgba(0, 0, 0, .5)
}
main[data-v-5842378c] {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}
.app--day[data-v-5842378c] {
	background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/morning.a81f0a40.jpg)
}
.app--night[data-v-5842378c] {
	background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/night.242ca2f3.jpg)
}
@media screen and (min-width:450px) {
	main[data-v-5842378c] {
		width: 330px;
		height: 600px;
		border-radius: 5px
	}
}
section[data-v-148cacf0] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}
.location[data-v-148cacf0] {
	text-transform: uppercase;
	font-weight: 700
}
.weather__description[data-v-148cacf0] {
	text-transform: lowercase;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center
}
.weather__description[data-v-148cacf0]:first-letter {
	text-transform: uppercase
}
.weather__icon[data-v-148cacf0] {
	width: 12em;
	padding-bottom: 9em
}
section[data-v-35c83f4c] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center
}
.temperature__value[data-v-35c83f4c] {
	font-size: 7em;
	color: hsla(0, 0%, 100%, .75)
}
.temperature__right[data-v-35c83f4c] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}
.temperature__scale[data-v-35c83f4c] {
	padding-top: 5px;
	font-size: 2em;
	font-weight: 700;
	color: hsla(0, 0%, 100%, .75)
}
.temperature__high[data-v-35c83f4c] {
	padding-top: 5px
}
.temperature__high img[data-v-35c83f4c], .temperature__low img[data-v-35c83f4c] {
	vertical-align: middle
}
section[data-v-a8acd09e] {
	width: 100%;
	padding-top: 25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly
}
.cloudiness img[data-v-a8acd09e], .humidity img[data-v-a8acd09e], .wind-speed img[data-v-a8acd09e] {
	width: 48px;
	height: 48px;
	vertical-align: middle
}
footer[data-v-635903fa] {
	text-align: center;
	position: absolute;
	bottom: 10px;
	visibility: hidden
}
@media screen and (min-width:450px) {
	footer[data-v-635903fa] {
		visibility: visible
	}
}