CSS

#webColors{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: red;
    opacity:1;
    width: 600px;
    border-radius: 25px;

}
#webSafeColors{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: orange;
    opacity:1;
    width: 600px;
    border-radius: 25px;
}
#RGB{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: yellow;
    opacity:1;
    width: 600px;
    border-radius: 25px;
}
#RGBA{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: green;
    opacity:1;
    width: 600px;
    border-radius: 25px;
}
#HSLHSV{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: blue;
    opacity:1;
    width: 600px;
    border-radius: 25px;
}
#lorem{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: purple;
    opacity:1;
    width: 600px;
    border-radius: 25px;
}

article{
	margin: auto auto 3 auto;
	padding: 15px;
    padding: 15px 40px;
    background: #ffffff;
    opacity:0.9;
    width: 700px;
    border-radius: 25px;
}
aside{

	padding: 15px;
	padding: 15px 40px;
    background: #ffffff;
    opacity:0.8;
    width: 150px;
    border-radius: 25px;
}
div::first-letter{
	font-size: 200%
}

span:lang(la){
	color: blue;
}
span:lang(la):before{
	content: " '' ";
}

span:lang(la):after{
	content: " '' ";
}

html{
	background-image: url(background.jpg);
}

#header{
	font-size: 200%;
	color:yellow;
	text-align: center;
	background: rgb(237,28,36); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(237,28,36,1) 0%, rgba(237,28,36,1) 37%, rgba(34,177,76,1) 37%, rgba(34,177,76,1) 70%, rgba(0,162,232,1) 70%, rgba(0,162,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,28,36,1)), color-stop(37%,rgba(237,28,36,1)), color-stop(37%,rgba(34,177,76,1)), color-stop(70%,rgba(34,177,76,1)), color-stop(70%,rgba(0,162,232,1)), color-stop(100%,rgba(0,162,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 37%,rgba(34,177,76,1) 37%,rgba(34,177,76,1) 70%,rgba(0,162,232,1) 70%,rgba(0,162,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 37%,rgba(34,177,76,1) 37%,rgba(34,177,76,1) 70%,rgba(0,162,232,1) 70%,rgba(0,162,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 37%,rgba(34,177,76,1) 37%,rgba(34,177,76,1) 70%,rgba(0,162,232,1) 70%,rgba(0,162,232,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 37%,rgba(34,177,76,1) 37%,rgba(34,177,76,1) 70%,rgba(0,162,232,1) 70%,rgba(0,162,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#00a2e8',GradientType=1 ); /* IE6-9 */

}