.table{
    height: 75%;
    /* display: grid;
    grid-template-columns: repeat(3, 30px);
    grid-template-rows: repeat(3, 30px); */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bt{
    height: 25%;
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bt > button, .bt > div{
    height: 50%;
}

.bt > div{
    width: 100%;
    border:2px solid greenyellow;
}

div.row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

div.col{
    width: 100px;
    height: 100px;
    margin:0;
    border: 2px solid black;

    display: flex;
    
    justify-content: center;
    align-items: center;

    font-size: 40px;
}

i {
    font-size: 50px;
    color:rgb(187, 0, 0);
}

i.fa-burst{
    color:darkblue;
}