body {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    text-align:center;
    background-color:#f7f7f7;
}

body, table, tr, td {
       font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
        font-size: 1em;
    }
    h1 {
        font-size:1.5em;
    }
    h2 {
        font-size:1.4em;
    }
        h3 {
        font-size:1.3em;
    }
        h4 {
        font-size:1.2em;
    }
    p {
        font-size:1em;
    }

.timerContainer {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
.countdown {
    background-color: #e70211;
    padding:30px 20px;
    margin:30px 20px;
}

#container{
    border:1px solid #efefef;
    border-radius :20px;
    width:400px;
    margin:20px auto;
    padding:20px;
    text-align:center;
    background : #efefef;
  }
  
  #timer{ 
    color:#e70211; 
    font-size:50px; 
    margin:10px auto;
    border : 5px solid #e70211;
    border-radius:50%;
    width:200px;
    height:200px;
    overflow:hidden;
    position:relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
  }
  
  #time{
    margin-top:70px;
    z-index : 1;
    position:relative;
  }
  
  #filler{
    background : #f9d007;
    height: 0px;
    width: 200px;
    position:absolute;
    bottom:0;
  }
  
  #buttons button { 
    background:#23aa00; 
    border:none; 
    color:#fff; 
    cursor:pointer; 
    padding:5px; 
    width:90px; 
    margin:10px auto;
    font-size:14px;
    height : 50px;
    border-radius : 50px;
  }
  
 
  #buttons button#stop{
    background : #e70211;
  }


  .scoreBoard {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    margin: auto;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    width:500px;
    text-align:center;
}

.scoreBoard,table {
      display: inline-block;
}

.rules {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    margin: auto;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    width:500px;
    text-align:center;
}
    
.balls {
  text-align: center;
}

.balls {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 36px;
  display: inline-block;
  width:100%;
}

img.ball {
  width: 50px;
}