たんごカードを作る

**たんごカードアプリを、1つ作ってください。**

これは決め打ちの注文です。**私に何も聞かないでください。** 下に書いたとおりに、
最初から最後まで作りきってください。

### 作るもの

英語の単語カードが10枚並ぶ、1枚のページです。
カードを押すと、表（英語）から裏（意味）にめくれます。

**中身の10枚は、次のとおり固定です。書いてあるとおりに使ってください。**

　1　Hello　　　　　　　　　こんにちは
　2　Thank you　　　　　　　ありがとう
　3　Excuse me　　　　　　　すみません
　4　How much is this?　　　これはいくらですか
　5　Where is the station?　駅はどこですか
　6　I'm looking for this.　これを探しています
　7　Can I have a menu?　　　メニューをもらえますか
　8　Is this seat taken?　　この席は空いていますか
　9　What time is it?　　　　いま何時ですか
　10　Nice to meet you.　　　はじめまして

### 動き方

- カードを押すと、英語の面から意味の面にめくれます。もう一度押すと戻ります。
- カードの下に「覚えた」ボタンを1つ置きます。押すと、カードの見た目が変わります
  （色を薄くする、チェックの印をつける、など）。もう一度押すと元に戻ります。
- 「覚えた」の状態は、ページを閉じても消えないようにしてください
  （ブラウザの中だけに保存する仕組みを使ってください。外には送りません）。
- 上のほうに「10枚中、何枚覚えたか」を表示してください。

### 見た目（数字はそのまま使ってください）

**ここは好みで変えないでください。** 数字も色も、下に書いたとおりに使います。

- 背景の色：`#FAF7F2`
- 文字の色：`#1C1A17`
- 強調の色（「覚えた」ボタンなど）：`#B4472A`
- カードの色：`#FFFFFF`、ふちの色：`#DED6C8`
- 見出しの書体：`Georgia, "Hiragino Mincho ProN", serif`
- 本文の書体：`-apple-system, "Hiragino Sans", sans-serif`
  （どちらもパソコンに元から入っている書体だけを使います。ネットからは読み込みません）
- 余白は 8・16・24・32（px）のどれかだけを使ってください。中途半端な数字は使いません
- カードは3列に並べてください。画面の幅が **640px以下** のときは1列、それより広いときは3列にしてください
- 紫から青に変わるグラデーションは使わないでください
- 絵文字を「覚えた」の印に使わないでください。チェックの形は、線で描いた印（SVG）にしてください

### ファイルについて

- ファイル名は `english_cards.html` にしてください。
- **いま開いているフォルダの中に**、そのまま作ってください。場所を聞かないでください。
- 外部のライブラリ・CDN・画像は一切使わないでください。この1枚のファイルだけで動くようにしてください。
- インターネットには公開しないでください。ファイルを作るところまでで止めてください。

### 迷ったとき

書いていないことで迷ったら、**いちばんシンプルなほうを選んで、止まらずに進めてください。**
私に聞き返さないでください。

できあがったら、こう伝えてください：

「できました。`english_cards.html` をダブルクリックで開き、次の3つを確かめてください。
　1　カードを押すと、意味の面にめくれる
　2　「覚えた」を押すと、カードの色が変わる
　3　上の数字が増える
どれかがおかしければ、『直してください』とだけ言ってください。」

ほかの説明はいりません。