.card{
    background-color: white;
    width: 30%;
    margin: auto;
    height: 40%;
    margin-top: 10%;
    border-radius: 20px 20px 80px 20px;
    padding: 40px;
    font-weight: bold;
    color: rgb(124, 125, 125);
    letter-spacing: 4px;
    box-shadow: 0px 7px 8px 9px rgb(212, 210, 210);
}
.in{
    border-radius: 5px;
    border: 2px solid rgb(207, 209, 212);
    font-weight: bold;
    padding: 12px;
    width: 100%;
}
.d1{
  display: inline-block;  
  margin-left: 25px;
  width: 20%;

}
.dire{
   width: 50px;height: 50px;border-radius: 100%;background-color: rgb(29, 29, 242);color: aliceblue;
   transition: 0.5s; 
   text-align: center;
}




.dire:hover{
    background-color: rgb(14, 14, 199);
    cursor: pointer;
}
.dire:active{

    background-color: rgb(5, 5, 134);
    transform: scale(0.9);
    cursor: pointer;
}