@charset "UTF-8";

html, body, div {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
}

/* 縦シマ */
#vertical {
	background-image: linear-gradient(
		90deg,
		blue 25%,
		transparent 25%
	);
	background-size: 36px 36px;
	padding: 8%;
}

/* 黒背景 */
#dark {
	opacity: 0.6;
	background-color: black;
	padding: 8%;
}

/* 横シマ */
#horizontal {
	opacity: 1;
	background-image: linear-gradient(
		red 25%,
		transparent 25%
	);
	background-size: 36px 36px;
}