body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #000000;
      color:  #fff; ;
      margin-top: 50px;
    }

    button {
      background-color: #4CAF50;
      color: white;
      border: none;
      padding: 15px 32px;
      text-align: center;
      font-size: 16px;
      cursor: pointer;
      border-radius: 8px;
    }

    button:hover {
      background-color: #45a049;
    }

    #status {
      margin-top: 20px;
      font-size: 20px;
      color: red;
    }

    #time {
      margin-top: 20px;
      font-size: 24px;
      font-weight: bold;
    }
    /*--------------------
 オリジナルのフレーム
--------------------*/
.frame {
 width: 80%;
 margin: 30px auto 20px;
 padding: 30px 20px 0;
 border: 3px solid #aaa;
 position: relative;
 border-radius: 3px;
 background-color: #000000;
}
.frame-title {
 position: absolute;
 top: -13px;
 left: 20px;
 padding: 0 5px;
 background-color: #fff;
}
.frame-title .fa {
 margin-right: 5px;
}
.caution {
 background-color: #ff4500;
 border: 2px solid #ff4500;
 color: #fff;
 border-radius: 3px;
}
.frame-red {
 border-color: #ff4500;
}