body {
	background: url("data/buck.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #ffffff;
	color:#FCF0DB;
	margin:auto ;
	font-family: 'Amatic SC', cursive;
	font-family: 'Codystar', cursive;
	font-family: 'Syne', sans-serif;
}


h1{color: #FCF0DB;
  font-size: 20px;
  font-weith: 700;
  font-family: 'Codystar', cursive;; /* ネオン風のフォントを指定(ダウンロードしたもの) */
  animation: flash 1s infinite; /* アニメーションflashを1秒ごとに繰り返す */
}
@keyframes flash {
  10%, 70% {
    /* 明るく光るよう影を重ねる */
    text-shadow: 0 0 10px #FCF0DB, 0 0 20px #FCF0DB, 0 0 30px #FCF0DB, 0 0 40px #FCF0DB, 0 0 70px #FCF0DB, 0 0 80px #FCF0DB, 0 0 100px#d788e3,  0 0 20px #f7ddb5, 0 0 30px #f7ddb5, 0 0 40px #f7ddb5, 0 0 70px #e3ab88, 0 0 80px #e3ab88, 0 0 100px #e3ab88, 0 0 120px #e3ab88;
  }
  50% {
    /* 淡く光るよう影を重ねる */
    text-shadow: 0 0 10px #c7b18f, 0 0 20px #c7b18f, 0 0 30px #c7b18f, 0 0 40px #d788e3;
  }
}

h2{font-size:40px;font-family:'Codystar', cursive;font-weight:600;
  color: #FF8C00; background: -webkit-linear-gradient(0deg, #b63dfc, #3d3dfc, #3dfc43, #fff947, #ff4747, #ff1736);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
a{font-size:17px; font-family:'Codystar', cursive; font-weight:600;　color:#FCF0DB; text-decoration:blink;}


div.html{
	font-size:18px;
	text-align: center;
	width: 98%;
	height: 75%;
	position: fixed;
	bottom:0;
}

footer
  {
    font-size:12px;
    text-align: right;
    width: 99%;
    height: 20px;
    position: fixed;
    bottom:0;
	font-family: 'Syne', sans-serif;
    font-weight:400;
	fonr-color:#FCF0DB;
  }