Your IP : 216.73.216.102

Current Path : /home/kamilrogam/komp/2018/180513/DARWIN/ART/8/sources/
Upload File :
Current File : /home/kamilrogam/komp/2018/180513/DARWIN/ART/8/sources/scr3.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		* {
			margin: 0;
			padding: 0
		}

		body {
			font-family: sans-serif;
			font-size: 18px;
			line-height: 1.5em;
			background: #f8f8f8;
			color: #000
		}

		div {
			padding: 10px;
			margin: 25px;
			background: #ddd
		}

		:root {
			--bgColor: #b7b7b7;
			--textColor: red;
			--boldedText: bold
		}

		.bgColoured {
			background: var(--bgColor)
		}

		.otherColor {
			color: var(--textColor)
		}

		.allStyles {
			background: var(--bgColor);
			color: var(--textColor);
			font-weight: var(--boldedText)
		}

	</style>
</head>

<body>
	<div>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem sunt, laborum, reprehenderit suscipit eveniet itaque alias quia ab sit repellendus sed! Aspernatur atque dicta architecto, similique error rerum reiciendis asperiores!</p>
	</div>
	<div>
		<p class="bgColoured">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus incidunt quaerat mollitia asperiores iste, explicabo suscipit optio ab voluptates deserunt. Consequatur animi ad minus iste cumque architecto dolorum voluptatum eum!</p>
	</div>
	<div>
		<p class="otherColor">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, nobis voluptas voluptatibus amet molestiae aliquid aspernatur cum rerum! Tempore possimus ad alias, libero delectus, optio placeat nam voluptas incidunt facere.</p>
	</div>
	<div>
		<p class="bgColoured otherColor">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, nobis voluptas voluptatibus amet molestiae aliquid aspernatur cum rerum! Tempore possimus ad alias, libero delectus, optio placeat nam voluptas incidunt facere.</p>
	</div>
	<div class="allStyles">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, nobis voluptas voluptatibus amet molestiae aliquid aspernatur cum rerum! Tempore possimus ad alias, libero delectus, optio placeat nam voluptas incidunt facere.</p>
	</div>
</body>

</html>