html,body {
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#fff;
}
body {
	margin:0;
	padding:0;
}
.rain {
	margin-top:10px;
	width:6px;
	height:3px;
	border-radius:0 0 6px 6px;
	background:#999;
	position:absolute;
}
.rain::after {
	content:'';
	position:absolute;
	top:-16px;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-bottom:8px solid #999;
}
.rainStop {
	position:absolute;
	margin-top:10px;
	width:2px;
	height:6px;
	border-radius:2px;
	transform:rotate(-45deg);
	background:#999;
}
.rainStop::after {
	content:'';
	position:absolute;
	width:2px;
	height:6px;
	border-radius:2px;
	top:6px;
	left:6px;
	background:#999;
	transform:rotate(90deg);
}
.water {
	width:100%;
	height:250px;
	background:#555;
	position:absolute;
	bottom:0;
}