/**************
|  style.css  |
**************/

html {
	background-color: lightblue;
}

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
	margin: auto;
}

h1 {
	font-size: 60px;
	color: #111;
}

.pizza {
	width: 500px;
	height: 500px;
	margin: 25px auto;
	border-radius: 50%;
	border: solid 2px #111;
	box-shadow: 5px 5px 13px #111;
	background-color: rgb(230, 152, 72);
	position: relative;
}

.sauce {
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background-color: rgb(157, 27, 10);
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 1;
}

.cheese {
	width: 426px;
	height: 426px;
	border-radius: 50%;
	background-color: rgb(235, 204, 125);
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left:	13px;
	z-index: 2;
}

.pepperoni {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #111;
	box-shadow: 2px 2px 5px #555;
	background-color: rgb(191, 28, 4);
	color: transparent;
	position: absolute;
	z-index: 3;
}

.pepperoni:nth-child(1) {
	top: 190px;
	left: 192px;
}

.pepperoni:nth-child(2) {
	bottom: 150px;
	right: 150px;
}

.pepperoni:nth-child(3) {
	bottom: 150px;
	left: 150px;
}

.pepperoni:nth-child(4) { 
	top: 150px;
	left: 150px;
}

.pepperoni:nth-child(5) { 
	top: 150px;
	right: 150px;
}

.pepperoni:nth-child(6) {
	right: 100px;
	bottom: 192px;
}

.pepperoni:nth-child(7) {
	left: 98px;
	bottom: 193px;
}

.pepperoni:nth-child(8) {
	top: 103px;
	left: 193px;
}

.pepperoni:nth-child(9) {
	bottom: 105px;
	left: 191px;
}

.pepperoni:nth-child(10) {
	bottom: 94px;
	left: 129px;
}

.pepperoni:nth-child(11) {
	bottom: 127px;
	left: 76px;
}

.pepperoni:nth-child(12) {
	bottom: 132px;
	right: 81px;
}

.pepperoni:nth-child(13) {
	bottom: 91px;
	right: 123px;
}

.pepperoni:nth-child(14) {
	bottom: 48px;
	right: 164px;
}

.pepperoni:nth-child(15) {
	bottom: 42px;
	right: 237px;
}

.pepperoni:nth-child(16) {
	top: 52px;
	right: 221px;
}

.pepperoni:nth-child(17) {
	top: 51px;
	left: 221px;
}

.pepperoni:nth-child(18) {
	top: 6px;
	left: 194px;
}

.pepperoni:nth-child(19) {
	bottom: 7px;
	left: 190px;
}

.pepperoni:nth-child(20) {
	bottom: 34px;
	right: 108px;
}

.pepperoni:nth-child(21) {
	bottom: 53px;
	left: 84px;
}

.pepperoni:nth-child(22) {
	bottom: 87px;
	left: 38px;
}

.pepperoni:nth-child(23) {
	bottom: 153px;
	left: 25px;
}

.pepperoni:nth-child(24) {
	top: 165px;
	left: 15px;
}

.pepperoni:nth-child(25) {
	top: 130px;
	left: 65px;
}

.pepperoni:nth-child(26) {
	top: 93px;
	left: 115px;
}

.pepperoni:nth-child(27) {
	top: 73px;
	left: 55px;
}

.pepperoni:nth-child(28) {
	top: 33px;
	left: 102px;
}

.pepperoni:nth-child(29) {
	top: 33px;
	right: 102px;
}

.pepperoni:nth-child(30) {
	top: 83px;
	right: 55px;
}

.pepperoni:nth-child(31) {
	top: 98px;
	right: 122px;
}

.pepperoni:nth-child(32) {
	top: 139px;
	right: 80px;
}

.pepperoni:nth-child(33) {
	top: 139px;
	right: 22px;
}

.pepperoni:nth-child(34) {
	bottom: 179px;
	right: 27px;
}

.pepperoni:nth-child(35) {
	bottom: 124px;
	right: 23px;
}

.pepperoni:nth-child(36) {
	bottom: 72px;
	right: 55px;
}