body {
       background-color: #8904B1;
       font-size: 2em;
       color: #FFFFFF;

}

#room {
       background-image: url(room.png);
       background-position: center center;
       background-size: 100%;
       background-repeat: no-repeat;
       color: #000000;

}

#message1 {
       /*じゃんけんぽい!*/
       font-size: 1em;
       position: fixed;
       left: 10px;
       top: 80px;
       background-color: rgba(0, 0, 0, 0.5);

}



.button {
       background-color: #4CAF50;
       /* ボタンの背景色 */
       color: white;
       /* 文字の色 */
       font-family: 'Yuji Mai', serif;
       /* フォント */
       font-size: 25px;
       /* フォントサイズ */
       padding: 10px 20px;
       /* パディング */
       border: none;
       /* ボーダーを消す */
       border-radius: 5px;
       /* 角を丸くする */
       cursor: pointer;
       /* マウスを上に乗せた時のカーソル */
}

.special-button {
       background-color: #4CAF50;
       /* ボタンの背景色 */
       color: white;
       /* 文字の色 */
       font-family: "Arial", sans-serif;
       /* フォント */
       font-size: 25px;
       /* フォントサイズ */
       padding: 10px 20px;
       /* パディング */
       border: none;
       /* ボーダーを消す */
       border-radius: 5px;
       /* 角を丸くする */
       cursor: pointer;
       /* マウスを上に乗せた時のカーソル */
}