@charset "utf-8";
/* CSS Document */
body { margin: 0; background: #000;}
		#info { position: fixed; top:50%; left: 0; transform: translateY(-50%); color: rgba(255,255,255,.5); text-align: center; width: 100%; padding: 20px; box-sizing: border-box;font-family: "Noto Sans JP", sans-serif;}
		 body.play #info { display: none;}
		canvas { position: fixed; top:0; left: 0;}
		button { position: fixed; bottom:20px; left: 50%; transform: translateX(-50%); display: none; appearance:none; border:none; background: none; background-color: transparent; width: 60px; height: 60px; background-image: url("../img/pause.svg"); background-size: 30px; background-repeat: no-repeat; background-position: center;}
		.play button { display: block;}