html{
	height: 100%;
    width: 100%;
}
body{
	/*background:url(/images/Wallpapers/LondonSkyline.jpg) no-repeat center top;*/
	background:url(/images/Wallpapers/wellbeing_background_M.jpg) no-repeat center top;
	background-color:#CFF;
	background-size: cover;
	font-family: "Helvetica Neue",sans-serif;
	font-weight: 300;
}
.container {
    background-color:transparent;
	margin-top: 10%;
}
.alert {
	border-radius: 0px !important;
	text-align: center;
}
/*
@media screen and (max-width: 750px){
    body {
		background-image: none;
	}
}*/
.card-box{
	background: repeating-conic-gradient(
		from var(--a),
		#d61883 0%,
		#d61883 5%,
		transparent 5%,
		transparent 40%,
		#d61883 50%
	);
	padding:5px;
	animation: rotate 4s linear infinite;
}
@property --a{
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}
@keyframes rotate{
	0% {--a: 0deg;}
	100% {--a: 360deg;}
}