body{
    font-family: Arial;
    background:#c7a7d8;
    text-align:center;
}

.top-bar{
    display:flex;
    justify-content:space-around;
    background:#fff;
    padding:10px;
    border-radius:10px;
    margin:10px;
}

.box{
    background:#f3f3f3;
    padding:10px 20px;
    border-radius:10px;
    font-weight:bold;
}

.board{
    display:grid;
    grid-template-columns: repeat(5, 60px);
    gap:8px;
    justify-content:center;
    margin-top:20px;
}

.cell{
    width:60px;
    height:60px;
    background:#eee;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
}

.marked{
    background:orange;
    color:white;
}

.current-call{
    font-size:30px;
    background:purple;
    color:white;
    padding:15px;
    border-radius:20px;
    margin:20px;
}
button{
    padding:10px 20px;
    border:none;
    border-radius:10px;
    background:orange;
    color:white;
    font-size:16px;
}