/* ===== 全体のスタイル ===== */
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
   height: 100%;
  background-color:antiquewhite;
  text-align:center;
}

/* ===== ヘッダーのスタイル ===== */
/* ヘッダー */
header {
  color: antiquewhite;
  padding: 50px;
  background-image:url(img/School.jpg);
  background-color:gray;
  background-blend-mode:multiply;
}

/* h1見出し */
h1 {
  font-size: 40px;
  font-family: serif;
}

.subtitle{
  font-size:25px;
}


.still{
  font-size:20px;
  font-family:serif;
}


.form{
  margin-top:50px;
  color:white;
  background-color:rosybrown;
  padding:50px;
}

/* リンク */
a {
  margin-top:50px;
  color: indianred;
  background-color: antiquewhite;
  background-image:linear-gradient(to right,transparent 50%,rosybrown 50%);
  background-position:0 0;
  background-size:200% auto;
  transition:0.3s;
  padding: 10px;
  text-decoration: none;
  border-radius: 3px;
  display: block;
  text-align: center;
}

/* リンクにさわった時 */
a:hover {
 color: white;
  background-position:-100% 0;
}

/* ===== フッターのスタイル ===== */
/* フッター */
footer {
  color: rosybrown;
  text-align: center;
  padding-top: 100px;
}