body.contest {
   height: 100%;
   line-height: 1.6;
   min-height: 100% !important;
   width: 100%;
   padding: 2em;
   text-align: center;

   .btn-primary:disabled {
      background: #505050;
   }

   #piao {
      display: none;
   }

   div {
      text-align: left;
      width: 90%;
      padding: 2em;
      margin: auto 5%;
   }

   div#configs {
      display: block;
   }

   div#contest {
      display: none;
      text-align: center;
      margin: 0;
      padding: 0;
      width: 100%;

      button {
         font-size: 3em;
         padding: 1em 1em;
      }

      h1#choosen-number {
         color: black;
         font-size: 9em;
         margin: 0.2em auto;
      }

      @media only screen and (max-width: 600px) {
         button {
            font-size: 1em;
         }

         h1#choosen-number {
            font-size: 10em !important;
            margin: 0.1em auto;
         }
      }

      .animated-number {
         animation: blinker 1s linear infinite;
      }

      @keyframes blinker {
         50% {
            opacity: 0;
         }
      }

      div#numbers {
         width: 100%;
         text-align: center;
         display: inline-table;
         margin: 0;
         padding: 0;
      }

      div.number {
         display: block;
         padding: 1em;
         margin: 0 0.2em 0.2em 0 !important;
         text-align: center;
         float: left;
         width: 4em;
         height: 4em;
         border: 1px solid gray;
         border-radius: 25px;
      }

      div.available-number {
         font-weight: bold;
      }

      div.disabled-number {
         background: #00ff00;
         color: #005000;
      }
   }
}