body {
background-color: #f7f7f7;
}
.publication-shelf ul {
max-width: 980px;
list-style: none;
margin: 0 auto;
padding: 0;
text-align: center; }

.publication-shelf ul li {
vertical-align: bottom;
display: inline-block;
margin: 0 5px; }

.publication-wrapper {
position: relative;
display: block;
width: 200px;
margin: 20px auto;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
border: 2px solid #f7f7f7;
border: 2px solid #f3f3f3;
color: #000;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transform-style: flat;
transition: all 250ms ease-out; }
.publication-wrapper:before, .publication-wrapper:after {
content: "";
position: absolute;
z-index: -2;
transition: all 250ms ease-out; }

.paper-lift:before, .paper-lift:after {
bottom: 15px;
width: 50%;
height: 20%;
max-width: 300px;
max-height: 100px;
box-shadow: 0 10px 10px rgba(31, 31, 31, 0.5); }
.paper-lift:before {
left: 8px;
transform: rotate(-3deg); }
.paper-lift:after {
right: 8px;
transform: rotate(3deg); }
.paper-lift:hover {
border-color: transparent;
border-color: #fff; }
.paper-lift:hover:before, .paper-lift:hover:after {
box-shadow: 0 18px 12px rgba(31, 31, 31, 0.7); }
.paper-lift:hover:before {
left: 10px; }
.paper-lift:hover:after {
right: 10px; }

.publication-wrapper img {
border: none;
}