.cal{

width: 200px;
height: 400px;
padding-right: 140px;
margin: auto;
}
.top{
background-color: black;
width: 100%;
height: 40%;
margin: auto;
border-radius: 25px 25px 0px 0px;
}
.bot{
background-color: black;
width: 100%;
height: 60%;
margin: auto;
border-radius: 0px 0px 25px 25px;
}
.row{
width: 100%;
padding: 0px;
margin: 0px;


}
.col{
    display: inline-block;
}
.btn{
    width: 47px;
    height: 40px;
    background-color: #133962;
    color: white;
    border: 1px solid black;
    cursor: pointer;

}


.btn1{
    width: 47px;
    height: 40px;
    background-color: #133962;
    color: white;
    border: 1px solid black;
    cursor: pointer;
}
.btn2{
    width: 47px;
    height: 119px;
    border-radius: 0px 0px 25px 0px;
    margin-top: -40px;
        background-color: #133962;
    color: white;
    border: 1px solid black;
    cursor: pointer;
}

.btn3{
width: 98px;
height: 20px;
margin-top: -79px;
display: inline-block;
height: 78px;
    border-radius: 0px 0px 0px 25px;
       background-color: #133962;
    color: white;
    border: 1px solid black; 
    cursor: pointer;
}

.btn4{
width: 47px;
height: 20px;
margin-top: -79px;
display: inline-block;
margin-right: 51px;
height: 79px;
    background-color: #133962;
    color: white;
    border: 1px solid black;
    cursor: pointer;
}
.lbl{
    width: 100%;
text-align: right;
font-size: 40px;
color: aliceblue;
padding-right: 10px;
padding-top: 70px;
display: inline-block;


}
.s{
    color: rgb(97, 234, 138);
}
.b{
    color: rgb(231, 113, 221);
}