Polaroid Snippet

.villagers-list {
margin: 20px 0 20px -5px;
padding: 0 0 0 6px;
width: 762px;
}

.villagers-list li {
height: 145px;
width: 130px;
margin: 16px 10px 2px;
background: #fff;
box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.25);
}

.villagers-list li:nth-child(1), .villagers-list li:nth-child(3), .villagers-list li:nth-child(5), .villagers-list li:nth-child(7), .villagers-list li:nth-child(9), .villagers-list li:nth-child(11), .villagers-list li:nth-child(13), .villagers-list li:nth-child(15) {
transform: rotate(-2deg);
}

.villagers-list li:nth-child(1):hover, .villagers-list li:nth-child(3):hover, .villagers-list li:nth-child(5):hover, .villagers-list li:nth-child(7):hover, .villagers-list li:nth-child(9):hover, .villagers-list li:nth-child(11):hover, .villagers-list li:nth-child(13):hover, .villagers-list li:nth-child(15):hover {
transform: rotate(0deg);
}

.villagers-list li:nth-child(2), .villagers-list li:nth-child(4), .villagers-list li:nth-child(6), .villagers-list li:nth-child(8), .villagers-list li:nth-child(10), .villagers-list li:nth-child(12), .villagers-list li:nth-child(14), .villagers-list li:nth-child(16) {
transform: rotate(2deg);
}

.villagers-list li:nth-child(2):hover, .villagers-list li:nth-child(4):hover, .villagers-list li:nth-child(6):hover, .villagers-list li:nth-child(8):hover, .villagers-list li:nth-child(10):hover, .villagers-list li:nth-child(12):hover, .villagers-list li:nth-child(14):hover, .villagers-list li:nth-child(16):hover {
transform: rotate(0deg);
}

.left-column .villager-avatar {
width: 100px;
height: 80px;
margin-top: 10px;
border-radius: 0;
background: #80959a;
}

.left-column .villager-avatar img {
height: 100px;
margin-top: -8px;
}

.villager-name {
margin: 2px 0 -4px 0;
font-size: 15px !important;
}

.villager-info {
margin: 5px 0 0 0;
font-size: 13px !important;
font-weight: 400;
}