foggy-mountain.less

.demo {
	height: 200px;
	width: 250px;
	position: relative;
	#logo {
		position: absolute;
		z-index: 500;
		top: 0;
		left: 0;
	}
	.fog {
		position: absolute;
		left: 0;
		z-index: 1000;
		width: 230px;
		height: 200px;
		opacity: 0.4;
		&#fog1 {
			background: url(../img/fog1.png) no-repeat; }
		&#fog2 {
			background: url(../img/fog2.png) no-repeat; }
		&#fog3 {
			background: url(../img/fog3.png) no-repeat; }
	}
	.lightning {
		position: absolute;
		z-index: 1001;
		width: 230px;
		height: 200px;
		display: none;
		&#lightning1 {
			top: 0;
			left: 30px;
			background: url(../img/lightning1.png) no-repeat;
		}
		&#lightning2 {
			top: 10px;
			left: 15px;
			background: url(../img/lightning2.png) no-repeat;
		}
	}
}