ducky/web: src/styles/hero.scss annotate

Display server error messages when adding card. When adding a credit card, correctly display user-friendly messages.

paddy@0	1 @import 'bourbon';
paddy@0	2 @import "neat";
paddy@0	3 @import "base/base";
paddy@0	4
paddy@0	5 $hero-background: #40526b;
paddy@0	6 $hero-color: white;
paddy@0	7
paddy@0	8 .hero {
paddy@0	9 background-color: $hero-background;
paddy@0	10 background-repeat: no-repeat;
paddy@0	11 background-position: top;
paddy@0	12 background-size: cover;
paddy@0	13
paddy@0	14 img.hero-logo {
paddy@0	15 height: 80px;
paddy@0	16 margin-bottom: 1em;
paddy@0	17 }
paddy@0	18 .hero-inner {
paddy@0	19 @include outer-container;
paddy@0	20 @include clearfix;
paddy@0	21 padding: 3em 3em 0 3em;
paddy@0	22 margin: auto;
paddy@0	23 text-align: center;
paddy@0	24 color: $hero-color;
paddy@0	25
paddy@0	26 .hero-copy {
paddy@0	27 text-align: center;
paddy@0	28
paddy@0	29 h1 {
paddy@0	30 font-size: 2.5em;
paddy@0	31 margin-bottom: .2em;
paddy@0	32 }
paddy@0	33
paddy@0	34 p {
paddy@0	35 margin: auto;
paddy@0	36 margin-bottom: 3em;
paddy@0	37 font-weight: 200;
paddy@0	38 font-size: 1.25em;
paddy@0	39 }
paddy@0	40 }
paddy@0	41 }
paddy@0	42 }

ducky/web