@media print {body {background-color :white; color :black;}}
@media (orientation: portrait) {h1 {width: 10em; float: left; background-color: white; padding: 1ex;}}
@media (orientation: landscape) {h1 {text-decoration: underline;}}
@import url(https://fonts.googleapis.com/css2?family=Bungee+Spice); /* フォントのインポート */
@font-palette-values --Alternate {
  font-family: "Bungee Spice"; /* このパレットを適用するフォント */
  override-colors:
    0 #00ffbb, /* インデックス0の色を上書き */
    1 #007744; /* インデックス1の色を上書き */
}
h1 {color: black;
	text-align: center;
	background: #fff100;
}
th:first-child{background-color:#ffffff;}
th:first-child +th{background-color:#ffa8ff;}
th:first-child +th +th{background-color:#a8a8ff;}
th:first-child +th +th +th{background-color:#a8ffd3;}
th:first-child +th +th +th +th {background-color:#ffd3a8;}
th:first-child +th +th +th +th +th{background-color:#ffa8a8;}
body {background: url("1746348050649.jpg") no-repeat center fixed; background-size:cover;}
td {background-color: white;}



p {
  font-family: "Bungee Spice"; /* フォントファミリーの指定 */
  font-size: 2rem;
}

/* --Alternate というカスタムパレットを定義 */


/* alternate クラスを持つ要素にカスタムパレットを適用 */
.at {
  font-palette: --Alternate;
}