Google Now Inspired Flip Cards
$color5: #3e5eb3, and $color6: #aa9e5c. The body of the form is given the styles of min-height as 100vh, background as lighten(black, 12), color as white, font family as 'Lato', and text rendering as optimizeLegibility. The card is given the styles float as left, width as calc(100% * .3333 - 30px + .3333 * 30px), height as 340px, margin as 0 30px 30px 0, and perspective as 1000. For the flipper, the cursor is set to pointer to display the hand cursor, transform style is set to preserve-3d and back face visibility is set as hidden. In a flipping event, the card takes a transformation of rotateY(180deg) scale(1.1) and changes the background to lighten(black, 8).