.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 50x; /* container width*/
background-color: #d1cfd0;
}
 


.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 10px;
position: relative;
left: -3px; /*shadow depth*/
top: 3px; /*shadow depth*/

}

.shiftcontainer2{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer2{
width: 100x; /* container width*/
background-color: #d1cfd0;
}
 


.shadowcontainer2 .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 10px;
position: relative;
left: -3px; /*shadow depth*/
top: 3px; /*shadow depth*/

}


.shadowcontain{
width: 50px; /* container width*/

}

.shadowcontain .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}


.shadowcontainer3{
width: 100%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer3 .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}