*{
    font-family: 'KNIGHT WARRIOR', sans-serif;
    margin: 0px;
    padding: 0px;
}
body{
    background-color: #152737;
}
.board{
    margin: auto;
    margin-top: 15px;
    width: 500px;
    height: 500px;
    border: 2px solid black;
    position:relative; 
}
#status{
    text-align: center;
    color:white;
    letter-spacing: 3px;
    margin-top: 50px;
    margin-bottom: 15px;
}
#status h3{
  font-size: 50px;
}
#status img{
    width: 60px;
    height: 60px;
    right: 50%;
    /* top: 32px; */

}
.box{
    width: 50px;
    line-height: 50px;
    background: orange;
    position: absolute; 
    text-align: center;
    font-size: 20px;
    
} 
.box img{
    
    width: 32px;
    height: 32px;
}
#audiobg{
    height: 40px;
    width: 140px;
    font-size: 25px;
    background-color: rgb(141, 43, 43);
    color: white;
    border-radius: 45px;
}
#rolldice{
    height: 70px;
    width: 180px;
    font-size: 25px;
    background-color: rgb(141, 43, 43);
    color: white;
    border-radius: 45px;
    margin-top: 10px;
}
#results{
    text-align: center;
}
#results h1{
    font-size: 60px; 
    color:white;
}
.p1{
    position: absolute;
    right: 2px;
   
} 
.p1{
    position: absolute;
    left: 2px;
   
} 
.boxp2{
    width: 50px;
    height: 50px;
    background:transparent;
    position: absolute; 
} 
.boxp2 img{ 
    width: 32px;
    height: 32px;
}
.boardp2{
    width: 500px;
    height: 500px;
    border: 2px solid black;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    top: 0px;
}
.container{
    position: relative;
}
#roll-status{
    text-align: center;
    color: white;
    margin-top: 5px;
}
#roll-status h1{
    letter-spacing: 10px;
}
#scoreres{
    text-align: center;
    color: white;
    letter-spacing: 3px;
    margin-top: 13px;
    font-size: 17px;

}
table,th,td{
    margin: auto;
  }