body {
	margin : 0px 250px 0px;	/* ボックスのマージンを3つの値で指定．1つ目が上，2つ目が左右，3つ目が下の数値になる．emとex以外の単位が使用できます．*/
	background-image : url("back1.png") ;	/* ファイル名を指定（日本語ファイル名は不可） */
}



h1 {
	margin : 300px 0px 50px 0px;	/* ボックスのマージンを上，右，下，左の順で指定．時計回りと覚えます．emとex以外の単位が使用できます．*/

	font-family : sans-serif ;	/* ゴシック系全般（游ゴシック体・ヒラギノゴシック・小塚ゴシックなど） */
	text-align : center ;	/* ブロック内の要素を中央にそろえます（ブロック全体を中央にするにはmargin-left,margin-rightをautoにする設定を併用します） */
	vertical-align : middle ;	/* 中央揃え */
	display: flex;
	align-items: center;        /* 縦中央 */
	justify-content: center;    /* 横中央 */
	color : #ccffff ; /* 色を16進数で表します（基本的にセーフカラー216色を使用します） */
	text-shadow: 2px 2px 2px gray; /* 横方向オフセット，縦方向オフセット，ぼかし幅，影の色　を順に指定します */
}

.header { /* '.'の直後にHTMLのclass="○○○"で指定した，○○○を記述します */
	padding : 20px 0px;	/* ボックスのパディングを2つの値で指定．1つ目が上下，2つ目が左右の数値になる．*/
	font-family : sans-serif ;	/* ゴシック系全般（游ゴシック体・ヒラギノゴシック・小塚ゴシックなど） */
}

.nav { /* '.'の直後にHTMLのclass="○○○"で指定した，○○○を記述します */
	display: flex;
  justify-content: center; /* 真ん中寄せ */
  gap: 60px;               /* リンク同士の間隔 */
}

.nav a {
	text-decoration: none;  /* 下線消す */
	font-size: 14px;
}

.nav a:link,
.nav a:visited {
	color: #999999;
}

.nav a:hover{
	color: #ff33cc;
}