@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
  font: 24px Helvetica, Arial, Sans-Serif;
}
body {
  color:whitesmoke;		/*文字色*/
	background-color:black;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
  animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}



div {
  margin: 0.5em auto;
}

p {
  font-size: x-large;
}

input {
  color: black;
}
label {
  display: inline-block;
  text-align: right;
  width: 7em;
  margin: 0 1em 0 0;
}

.button {
  width: 10vw; background: blue; color: white; padding: 1vw; border-radius: 5px; text-align: center;
}

table {
  margin: 0 auto;
  border-collapse:  collapse; /* セルの線を重ねる */
  max-width:  500px;               /* 幅指定 */
}
th,td {
  border: solid 1px white;          /* 枠線指定 */
}

th {
  width:  100px;              /* 幅指定 */
  text-align: left;           /* 文字の揃え位置指定 */
}

td {
  text-align:  center;        /* 文字の揃え位置指定 */
}