/* You can add global styles to this file, and also import other style files */
.weather {
	color: #014A32;
}

.today {
	filter: invert(19%) sepia(90%) saturate(526%) hue-rotate(113deg) brightness(93%) contrast(99%);
	font-weight: bold;
}



@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

.load {
	width: 100px;
	height: 100px;
	margin: 110px auto 0;
	border: solid 3px #014A32;
	border-radius: 50%;
	border-right-color: transparent;
	border-bottom-color: transparent;
	-webkit-transition: all 0.5s ease-in;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	transition: all 0.5s ease-in;
	animation-name: rotate;
	animation-duration: 1.0s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}