body{
    background: lightgray;

}

.main-con {
    margin-left: 400px;
    margin-top: 40px;
}

h1 {
    margin-left: 170px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.divin{
     width: 85%;
    height: 65px;
    display: flex;
    background: lightgray;
gap: 4px;
    margin-left: 7px;
    border-radius: 20px;
    border-bottom-right-radius: 1px;

    border-left: none;
    border: 1px solid black;
    box-shadow: 1px 1px 5px 5px;


}

#inp {
    width: 80%;
    height: 65px;
    margin-left: -10px;
    color: aliceblue;
    background-color: rgb(3, 61, 100);
    border-radius: 10px;
    border: 2px solid black;
    box-shadow: 1px 1px 5px 3px  black;

    text-align: center;
    font-size: large;
}


table {
    box-shadow: 1px 1px 5px 5px;
    border-radius: 20px;
    border-top-right-radius: 1px;
    /* border-collapse: collapse; */
}
tbody{
    width:60%;
    
}
tr,
td {
    padding: 30px;
    text-align: center;
}

.cl {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: rgb(21, 23, 24);
    color: aliceblue;
    font-size: larger;
}
.cl:hover{
    box-shadow: 0 0 5px 10px rgb(236, 238, 239);
    transform: scale(1.1);
}