Css mural (with instructions)


<div id="box" style="width: 600px; height: 600px; margin: 0pt auto; background: #000; overflow: hidden;">
	<div id="1" style="width: 600px; height: 700px; background: #000; position: relative; float: right; right: 150px; bottom: 40px; -moz-transform: rotate(6deg); -webkit-transform: rotate(6deg); box-shadow: 30px 325px 45px #525D1C, 45px -525px 45px #fff, 65px -465px 45px #6A95FD, 105px -420px 75px #143ADB, 35px -5px 25px 5px #10388D, 105px -255px 95px 15px #B11EC4;">
		<div id="1a" style="width: 0px; height: 350px; position: absolute; top: 200px; left: 430px; -moz-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); box-shadow: 3px -1px 20px 15px #4D8BF0, -0px 10px 15px 25px #1C15A3, -30px 245px 35px 12px #000, -30px 55px 25px 15px #420968, -30px 155px 25px 25px #BA6222, 25px -55px 25px 5px #538CFF, 35px -75px 35px 15px #120E62, 85px -175px 35px 15px #5DB40F; z-index:1"></div><!-- 1a -->
		<div id="2" style="width: 190px; height:700px; background: #000; overflow: hidden; position: relative; float: right; left: 17px; bottom: 10px; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); box-shadow: 0px 0px 7px 3px, 60px -640px 45px 10px, -15px 545px 35px 5px #BA6222, -15px -585px 45px 5px #5E48C7, -25px -625px 35px 5px #8F2A76, -35px -655px 35px 15px #842E0B, -5px -545px 45px 5px #79C90E, -5px -505px 15px 3px #8D245D; z-index:2">
			<div id="2a" style="width: 30px; height: 500px; position: relative; top: 400px; right: 50px; box-shadow: -15px 15px 35px 95px #D2B8E7, -15px -15px 35px 95px #fff, 150px 215px 45px 45px #000, 5px -15px 35px 105px #5F5C8B, 170px -555px 65px 5px #6BBD11, 365px -124px 85px 35px #D57133, 365px -95px 35px 15px #fff, 245px -705px 55px 15px #B35901, 467px -795px 25px 45px #5791FF, 450px -765px 55px 45px #000, 395px -795px 75px 55px #B35901, 290px -545px 65px 45px #000, 225px -195px 55px 35px #2738E8; -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg)"></div><!-- 2a -->
			<div id="2b" style="width: 0px; height: 400px; background: #fff000; position: absolute; left:95px; top:250px; box-shadow: 10px 245px 45px 25px #642724, 3px -55px 20px 3px #C0732F, 0px 25px 45px 20px #8B0BBA, 0px -25px 45px 15px #8B0BBA, -105px -495px 45px 15px #8B0BBA"></div><!-- 2b -->
		</div><!-- 2 -->
		<div id="3" style="width: 300px; height: 700px; background: #000; overflow: hidden; position: relative; float: left; left: 70px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); box-shadow: 2px -330px 8px, 3px 345px 15px 5px #A8AF09, 15px 290px 35px 5px #BC7C24, 20px -605px 45px #0C59DD, 30px 5px 35px #70C00F;">
			<div id="3a" style="width: 130px; height:320px; background: #54EA64; position: relative; top: 220px; left: 100px; border-radius: 40px 40px 60px 10px; -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); box-shadow: 0px 0px 45px 25px #E0952F inset, 0px 0px 25px 15px #FA8528 , 0px 0px 55px 45px #D16208, 0px -30px 55px 65px #B93098, 90px -180px 65px 15px #0E3FCC, 140px -350px 35px #fff, 170px -300px 65px #1C41B3, 180px -300px 5px 5px #ED6229;"></div><!-- 3a -->
			<div id="3b" style="width:50px; height: 300px; position: relative; bottom:-40px ; left:329px; z-index:1; -moz-transform: rotate(12deg); -webkit-transform: rotate(12deg); box-shadow: -5px 220px 35px 25px #7501BA, -25px 0px 55px 25px #AD22A1"></div><!-- 3b -->
		</div><!-- 3 -->
	</div><!-- 1 -->
	<div id="a" style="width:500px; height: 800px; position: relative; right:180px; top:20px; -moz-transform: rotate(145deg); -webkit-transform: rotate(145deg); box-shadow: -1px 0px 15px #fff000, -25px 605px 35px 5px #E2B13A, -40px 590px 45px 10px #D46919, -65px 640px 25px 10px #827F3A, -65px 475px 10px #4BE201, -45px 345px 55px #9BDAAB, -35px 275px 50px #4FBF1B, -35px 205px 40px 10px #12652F, -35px 140px 30px #4FBF1B, -25px 90px 30px #613FF8, -25px 40px 35px #BF91B6, -25px -30px 9px 5px #DBC325">
		<div id="a1" style="width:150px; height:100px; position: relative; top:260px; left:330px; -moz-transform: rotate(85deg); -webkit-transform: rotate(85deg); box-shadow: -75px -5px 25px #D7AAC9 inset, 0px -65px 60px #DFF5D1 inset, 0px 1px 15px #666, -10px 35px 65px 45px #DE7637;"></div><!-- a1 -->
		<div id="a2" style="width:60px; height:60px; background: #4F0A65; position: relative; left:115px; top: 40px; border-radius:60px; box-shadow: -5px -5px 10px 3px #BEBBEA inset, -15px -15px 15px 5px #1140B2 inset, 2px 2px 10px 2px inset, -5px -5px 5px #B1AEF1, 0px 0px 5px 5px, -20px -5px 15px 14px #1636E9, -20px -5px 10px 25px #5A1518, -10px 0px 25px 35px #B15E12"></div><!-- a2 -->
		<div id="a3" style="width:40px; height:40px; position: relative; top:-23px; right:17px; -moz-transform: rotate(-36deg); -webkit-transform: rotate(-36deg); box-shadow: 3px 3px 6px 2px #F33DDD inset, -3px -3px 6px 2px #FDF20A inset, -1px -3px 5px 3px #40A639, 0px 0px 5px 9px #6045AC, -3px -5px 5px 9px #F0D2EE; opacity: 0.8">
			<div id="a3a" style="width:10px; height:10px; margin:0 auto; position: relative; top: 14px; box-shadow: 3px 3px 1px 0px #B47CEB inset, 0px 0px 9px 2px #CCCBD0 inset, -3px -3px 5px 3px #FAF819, 1px 2px 5px 5px #AF91F1"></div><!-- a3a -->
		</div><!-- a3 -->
		<div id="a4" style="width:40px; height:40px; border:1px solid #fff; position: relative; top:20px; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); box-shadow: 0px 0px 3px 6px #791090 inset, 0px 0px 8px 2px #FBF008, 0px 0px 4px 12px #6554B2; opacity:0.6">
			<div id="a4a" style="width:10px; height:10px; margin:0 auto; position: relative; top: 14px; box-shadow: 0px 0px 9px 2px #A17DE1 inset, 0px 0px 5px 2px #A17DE1, 0px 0px 9px 9px #F03ADA"></div><!-- a4a -->
		</div><!-- a4 -->
	</div><!-- a -->
	<div id="b" style="width:255px; height:750px; position:relative; float:right; bottom:930px; left:5px; -moz-transform: rotate(149deg); -webkit-transform: rotate(149deg); box-shadow: 3px 0px 9px #94E28E, -3px 1px 8px, -19px -245px 25px #4C3A0A, -35px -255px 35px #6482D8, 5px 655px 12px #666, 25px 560px 35px #95F317, 20px 430px 35px #9BDAAB, 30px 380px 45px #4FBF1B, 20px 280px 35px 5px #12652F, 25px 210px 45px 10px #8EC200, 10px 160px 60px 10px #613FF8, 7px 100px 45px 15px #BF91B6, 10px 0px 10px 5px #DBC325;">
		<div id="b1" style="width:60px; height:60px; background: #D1A755; position:relative; top:555px; left:100px; border-radius:60px; box-shadow: 3px 1px 20px 7px #fff, 0px 0px 15px 20px #4870F4, 5px 5px 10px 2px inset, 5px 5px 5px 12px #924A1A inset, 5px 5px 6px 22px #F28D47 inset"></div><!-- b1 -->
		<div id="b2" style="width:40px; height:40px; position: relative; top:200px; left:211px; -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); box-shadow: 0px 0px 7px 2px #55C11E inset, 0px 0px 9px 8px #270E23; opacity: 0.7">
			<div id="b2a" style="width:10px; height:10px; margin:0 auto; position: relative; top: 14px; box-shadow: 0px 0px 9px 2px #D37430 inset, 0px 0px 9px 5px #B32F7A, 0px 0px 15px 9px #1156FB"></div><!-- b2a -->
		</div><!-- b2 -->
		<div id="b3" style="width:40px; height:40px; position: relative; top:230px; left:215px; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); box-shadow: 0px 0px 5px 5px #6CE24D inset, 0px 0px 5px 3px #C3752D, 0px 0px 7px 7px #9F208B; opacity: 0.6 ">
			<div id="b3a" style="width:10px; height:10px; margin:0 auto; position: relative; top: 14px; box-shadow: 0px 0px 9px 2px #4BCD25 inset, 0px 0px 9px 4px #0934B6"></div><!-- b3a -->
		</div><!-- b3 -->
	</div><!-- b -->
</div><!-- box -->