*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container{

    margin-top: 10px;
    
}
#main1{
    padding-top: 10px;
    padding-left: 20px;
    width: 380px;
    height: 280px;
    margin-top: 20px;
    margin-left: 100px;
    margin-right: 60px;
    border-radius: 10px;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    box-shadow:0px 10px 10px rgb(220, 220, 220) ;
}
#inp1 ,#inp2 , #inp3{
    width: 290px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid gray;
    padding-left: 10px;
}
#bud{
    width: 110px;
    height: 35px;
border-radius:12px;
margin-top: 20px;
color: white;
background-color: rgba(5, 92, 242, 0.949);
border: none;
}
#exp{
    width: 140px;
    height: 35px;
    border-radius: 12px;
    color: white;
    background-color: rgba(5, 92, 242, 0.949);
border: none;

}

#zee{
    margin-top: 20px;
    border-radius: 10px;
    background-color: rgb(64, 174, 247);
    height: 90px;
    width: 920px;
    margin-left: 100px;
    color: white;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 0px;
    text-align: center;
}
#card{
    background-color: #ffffff;
    box-shadow:0px 10px 10px rgb(220, 220, 220) ;
    margin-top: 10px;
    width: 920px;
    height: auto;
    margin-left: 100px;
    border-radius: 10px;
    color: black;
}
#bud:hover{
    background-color: rgba(120, 94, 252, 0.975);
    color: aliceblue;
    box-shadow: 0px 3.5px 2.8px  rgb(216, 161, 244);
}
#exp:hover{
    background-color: rgba(120, 94, 252, 0.975);
    color: aliceblue;
    box-shadow: 0px 3.5px 2.8px  rgb(216, 161, 244);
}