.check {
        background-color: red;
        color: red;
        }

.hsla {
	padding:10px;
	text-align:center;
}
#hsla-1 {
	background: hsla(360,40%,50%,.8);
}
#hsla-2 {
	background: hsla(360,40%,70%,1);
}
#hsla-3 {
	background: hsla(360,50%,80%,.5);
}

#radial {
	width:10cm;
	height:5cm;
	background-image: -moz-radial-gradient(center 45deg, circle closest-corner, #FFCCFF 30%, #0099FF 50%);
	background-image: -webkit-gradient(radial, center center, 20, center center, 80, from(#FFCCFF), to(#0099FF));
}

#stroke {
	-webkit-text-fill-color: #00FF00;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;

	font-size: 70px;
	font-weight:bold;
	text-align: center;
	width: auto;
	background:#00FF00;
}

h1{
	text-shadow: 10px 7px 5px gray;
	background-color:white;
	border:solid 5px red;
	box-shadow: 7px 7px;
	border: 5px blue solid; 
	border-radius: 20px;  
	padding: 0.5em;
	
}