.content {
  background-color: rgba(85, 102, 119, 0.3);
  margin-bottom: 10px;
  text-align: center; }
  @media only screen and (max-width: 600px) {
    .content .title {
      padding: 20px 0 20px;
      font-size: 20px; }
    .content .describe {
      margin: 0 10px;
      font-size: 16px;
      line-height: 24px; }
      .content .describe span input {
        font-size: 16px;
        line-height: 20px; }
    .content .button {
      margin-top: 20px;
      height: 50px; }
      .content .button button {
        height: 40px;
        width: 100px;
        font-size: 16px; }
    .content .list {
      padding: 10px 0; }
    .content .num {
      margin-top: 0px;
      padding: 0 20px;
      text-indent: 0; }
      .content .num span {
        font-size: 16px;
        width: 24px;
        height: 24px;
        line-height: 24px; }
        .content .num span::after {
          top: 4px;
          right: 3px;
          width: 8px;
          height: 4px; } }

.title {
  display: block;
  padding: 20px 0 20px;
  font-size: 32px; }

.describe {
  margin: 0 35px;
  font-size: 20px;
  line-height: 40px;
  text-align: left; }
  .describe span {
    display: block; }
    .describe span input {
      font-size: 20px;
      line-height: 20px; }

.button {
  width: 240px;
  height: 40px;
  margin: 0 auto; }
  .button button {
    height: 40px;
    width: 80px; }

.list {
  padding: 20px 0; }

.num {
  margin-top: 20px;
  text-align: left;
  text-indent: 15px;
  line-height: 35px; }
  .num span {
    position: relative;
    display: none;
    text-align: center;
    text-indent: 0px;
    font-size: 22px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#08f), to(#2af));
    background: linear-gradient(#08f, #2af);
    margin: 0 5px 0;
    z-index: 10; }
    .num span.special {
      background-color: #d47;
      background: -webkit-gradient(linear, left top, left bottom, from(#d47), to(#e58));
      background: linear-gradient(#d47, #e58); }
    .num span::after {
      position: absolute;
      z-index: -1;
      top: 5px;
      right: 4px;
      content: '';
      width: 15px;
      height: 8px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

/*# sourceMappingURL=lotterySimulation.css.map */