body { background-image: -webkit-linear-gradient(top, rgba(232, 244, 250, 0.2), rgba(231, 231, 233, 1)), url(http://news.nationalgeographic.com/content/dam/news/2015/12/13/BookTalk%20K2/01BookTalkK2.jpg); background-size: cover; font-family: Roboto, sans-serif; font-size: 12px; } h2 { padding-top: 10px; text-align: center; } pre { margin: 0; } .account { display: inline-block; border-radius: 5px; width: 300px; background-color: rgba(255, 255, 255, 0.6); padding: 15px; margin: 5px; vertical-align: top; } .account h3 { font-size: 16px; margin: 0; padding: 0; } .account .section { font-size: 14px; padding: 10px 0; text-align: center; } .account.errored { background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%); background-repeat: repeat-x; border-color: #dca7a7; border: 1px solid; color: #a94442; border-radius: 4px; background-color: #f2dede; } .account .error pre { text-overflow: ellipsis; width: inherit; overflow: hidden; }