/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

html {
	/* Ensure the html element always takes up the full height of the browser window */
	min-height: 100%;
	/* The Magic */
	background-size: cover;
}

}
@-webkit-keyframes glowing {
	0%    {border: yellow; -webkit-box-shadow: 0 0 3px yellow;}
	50%   {border: orange; -webkit-box-shadow: 0 0 40px orange;}
	100%  {border: pink;   -webkit-box-shadow: 0 0 3px pink;}
}
@-moz-keyframes glowing {
	0% {border: yellow;-moz-box-shadow: 0 0 3px yellow;}
	50% {border: orange;-moz-box-shadow: 0 0 40px orange;}
	100% {border: pink;-moz-box-shadow: 0 0 3px yellow;}
}
@-o-keyframes glowing {
	0% {border: yellow;box-shadow: 0 0 3px yellow;}
	50% {border: orange;box-shadow: 0 0 40px orange;}
	100% {border: pink;box-shadow: 0 0 3px pink;}
}
@keyframes glowing {
	0% {border: gold;box-shadow: 0 0 30px darkred;}
	25% {border: yellow;box-shadow: 0 0 40px red;}
	50% {border: orange;box-shadow: 0 0 30px crimson;}
	75% {border: deeppink;box-shadow: 0 0 40px firebrick;}
	100% {border: red;box-shadow: 0 0 30px salmon;}
}
.addr {
	-webkit-animation: glowing 500ms infinite;
	-moz-animation: glowing 500ms infinite;
	-o-animation: glowing 500ms infinite;
	animation: glowing 500ms infinite;
	background-color: cornsilk;
	border: 4px solid gold;
	color: black;
	padding: 2px 2px;
	border-radius: 20px;
	font-size: 30px;
    font-family: Cedarville;
    font-weight: bold;
    font-style: italic;
	width: 230;
	height: auto;
	transition-duration: 0.8s
}
.note {
	-webkit-animation: glowing 500ms infinite;
	-moz-animation: glowing 500ms infinite;
	-o-animation: glowing 500ms infinite;
	animation: glowing 500ms infinite;
	border-radius: 50px;
	width: auto;
	height: auto;
	background-color: almondwhite;
	border: 4px solid midnightblue;
	color: black;
	padding: 2px 2px;
		font-size: 30px;
    font-family: Cedarville;
    font-weight: bold;
    font-style: italic;
	border-radius: 20px;
	width: auto;
	height: auto;
}

.border {
	background-color: lawngreen;
	border: 4px solid darkgreen;
	color: black;
	padding: 5px 5px;
	font-size: 30px;
    font-family: Cedarville;
    font-weight: bold;
    font-style: italic;
	border-radius: 50px;
	width: auto;
	height: 60px;
	transition-duration: 0.8s
}
.border:hover {
	background-color: darkgreen;
	color: navajowhite;
}
.blank {
	background-color: antiquewhite;
	border: 4px solid darkgreen;
	color: black;
	padding: 5px 5px;
	border-radius: 20px;
	width: 430px;
	height: 50px;
	transition-duration: 0.8s
}
.submit {
	background-color: crimson;
	border: 4px solid maroon;
	color: black;
	padding: 5px 5px;
	border-radius: 50px;
	width: 190px;
	height: 60px;
	transition-duration: 0.8s
}
.location {
	background-color: antiquewhite;
	border: 4px solid maroon;
	color: black;
	padding: 5px 5px;
	font-size: 30px;
    font-family: Cedarville;
    font-weight: bold;
    font-style: italic;
	border-radius: 50px;
	width: 90px;
	height: 60px;
	transition-duration: 0.8s
}
.submit:hover {
	background-color: darkred;
	color: navajowhite;
}
.zoom {
	-webkit-animation: glowing 450ms infinite;
	-moz-animation: glowing 450ms infinite;
	-o-animation: glowing 450ms infinite;
	animation: glowing 450ms infinite;
	background: url('../pics/zoom2.png') no-repeat center center;
	color: black;
	padding: 0px 0px;
	border-radius: 50px;
	width: 190px;
	height: 100px;
}
.weather {
	background-color: antiquewhite;
	color: black;
	padding: 2px 2px;
	border-radius: 20px;
	width: auto;
	height: auto;
}
</body>