@charset "UTF-8";

@media (min-width: 769px) {
	.sun{
		width: 100px;
		height: 100px;
		top: 120px;
		left: 40px;
	}

	.moon{
		width: 80px;
		height: 80px;
		top: 130px;
		right: 50px;
	}

	.sky{
		width: 100%;
		height: 320px;
		top: 0;
		left: 0;
		background-color: #95D7E7;
	}

	.seagull{
		width: 100px;
		height: 60px;
		top: 162px;
		left: 32%;
	}

	.sea{
		width: 100%;
		height: 148px;
		top: 320px;
		left: 0;
	}

	.duck{
		width: 60px;
		height: 54px;
		top: 276px;
		right: 16%;
	}

	.boy{
		width: 170px;
		height: 132px;
		top: 396px;
		left: 6%;
	}

	.parasol{
		width: 140px;
		height: 190px;
		top: 288px;
		left: 20%;
	}

	.beachball{
		width: 72px;
		height: 72px;
		top: 520px;
		left: 32%;
	}

	.girl{
		width: 150px;
		height: 196px;
		top: 400px;
		left: 44%;
	}

	.shovel{
		width: 72px;
		height: 72px;
		top: 456px;
		right: 24%;
	}

	.bucket{
		width: 84px;
		height: 84px;
		top: 508px;
		right: 10%;
	}
}

@media (max-width: 768px) {
	.sun{
		width: 32px;
		height: 32px;
		top: 64px;
		left: 12px;
	}

	.moon{
		width: 28px;
		height: 28px;
		top: 66px;
		right: 14px;
	}

	.sky{
		width: 100%;
		height: 126px;
		top: 0;
		left: 0;
		background-color: #95D7E7;
	}

	.seagull{
		width: 32px;
		height: 20px;
		top: 74px;
		left: 40%;
	}

	.sea{
		width: 100%;
		height: 48px;
		top: 126px;
		left: 0;
	}

	.duck{
		width: 21px;
		height: 18px;
		top: 114px;
		right: 10%;
	}

	.boy{
		width: 52px;
		height: 41px;
		top: 150px;
		left: 6%;
	}

	.parasol{
		width: 46px;
		height: 62px;
		top: 110px;
		left: 20%;
	}

	.beachball{
		width: 24px;
		height: 24px;
		top: 182px;
		left: 32%;
	}

	.girl{
		width: 44px;
		height: 57px;
		top: 148px;
		left: 44%;
	}

	.shovel{
		width: 24px;
		height: 24px;
		top: 164px;
		right: 24%;
	}

	.bucket{
		width: 28px;
		height: 28px;
		top: 178px;
		right: 10%;
	}
}