#div1{
    height:300px;
    width: 290px;
    /* border-style: ridge; */
    /* border-radius: */
     /* 5px solid black; */
    background-color:cyan;
    margin-left:20px;
    margin-top:20px;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    border-radius: 10px;

}
#div1:hover{
    transform: translate(0px,-8px);
}
#div2{
    height:300px;
    width: 290px;
    /* border-style: ridge; */
    /* border-radius: 5px solid black; */
    background-color:rgb(13, 235, 247);
    margin-left:20px;
    margin-top:20px;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
}
#div2:hover{
    transform: translate(0px,-8px);
}
#div3{
    height:300px;
    width: 290px;
    /* border-style: ridge; */
    /* border-radius: 5px solid black; */
    background-color:lightpink;
    margin-left:20px;
    margin-top:20px;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
}
#div3:hover{
    transform: translate(0px,-8px);
}
#div4{
    height:300px;
    width: 290px;
    /* border-style: ridge; */
    /* border-radius: 5px solid black; */
    background-color:pink;
    margin-left:20px;
    margin-top:20px;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
}
#div4:hover{
    transform: translate(0px,-8px);
}
#main{
    display: flex;
    
    
    
}
#b{
    justify-content: space-between;
    word-spacing: normal;
    padding: 5px;
    align-items: center;
}
#class{
    display: flex;
    justify-content: center;
    padding: 0px;
    color: deeppink;
}
#class2{
    justify-content: center;
    display: flex;
}
#a{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  padding-left:0 ;
    margin-left:20px;
}
.content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#colem{
    align-items: center;
}