.container{
    height: 750px;
    width: 800px;
    border: 1px solid black;
    margin: auto;
     box-shadow:2px 2px 5px;
     border-radius:5px 5px 5px 5px;    
}
.firstbox{
    text-align: center;
    padding: 20px;
    height: 150px;
    width: auto;
    box-shadow:2px 2px 5px;
    border-radius:5px 5px 5px 5px;
    transition: transform 0.3s ease-in-out;
    background-color:#4A90E2;
    color: white;
    
    
}
.firstbox:hover{
    transform:translatey(-10px);
    transition-property:all ease;
}

.secondbox{
    border-radius: 1px;
    border: 1px whitesmoke solid;
     box-shadow:2px 2px 5px;
     border-radius:5px 5px 5px 5px;
      transition: transform 0.3s ease-in-out;
      padding:10px;
       margin-top:20px;
    
}
.secondbox:hover{
    transform:translatey(-10px);
    transition-property:all ease;
}
.thirdbox{
     border-radius: 1px;
    border: 1px whitesmoke solid;
     box-shadow:2px 2px 5px;
     border-radius:5px 5px 5px 5px;
    transition: transform 0.3s ease-in-out;
     padding:10px;
      margin-top:  20px;   

}
.thirdbox:hover{
    transform:translatey(-10px);
    transition-property:all ease;
}

.fourthbox{
    border-radius: 1px;
    border: 1px whitesmoke solid;
     box-shadow:2px 2px 5px;
     border-radius:5px 5px 5px 5px;
     transition: transform 0.3s ease-in-out;
      padding:10px;
       margin-top:  20px;
    
    

}
.fourthbox:hover{
    transform:translatey(-10px);
    transition-property:all ease;
}

.fullbox{
    padding:20px;

}