@import url('https://fonts.googleapis.com/css?family=Quicksand:300');

body {
	height: 100vh;
}

.bg {
	background-color: hsl(202, 32%, 94%);
	/* background-image: -webkit-radial-gradient(center center, ellipse farthest-corner,rgb(0, 196, 244) 0%,rgb(3, 96, 120) 100%); */
	background-image: radial-gradient(ellipse farthest-corner at center center,hsl(202, 32%, 94%) 25%,hsl(202, 37%, 79%) 100%);
	/* background-image: url('graphics/sunrise-blur.jpg'); */
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.card {
	background-color: hsl(36, 7%, 78%);
	box-shadow: 0px 8px 30px rgba(0, 0, 0, .3);
}

.card > .card-header {
	background: rgba(240, 240, 240, 0.4);
}

.card input[type=submit] {
	background-color:hsl(202, 22%, 54%);
	border-color:hsl(202, 22%, 54%);
}
.card input[type=submit]:hover {
	background-color:hsl(202, 22%, 44%);
	border-color:hsl(202, 22%, 44%);
}

.welcome {
	font-family: 'Quicksand';
	font-weight: 300;
	/* text-shadow: 0px 2px 5px rgba(0, 0, 0, .3); */
}