1 @import url(http://fonts.googleapis.com/css?family=Lato);
16 text-decoration: none;
23 content: url(/static/img/brackets.png);
25 vertical-align:middle;
30 text-decoration: underline;
35 padding: 4px 10px 0 10px;
53 @media screen and (min-width: 45em) {
59 text-decoration: none;
62 text-decoration: underline;
68 background-color: #222;
73 flex-direction: column;
74 justify-content: space-around;
82 .right-desc-container {
83 @extend .desc-container;
94 @media screen and (min-width: 45em) {
97 display: inline-block;
101 padding-top: 148.39%;
108 @extend .card-container;
111 @media screen and (min-width: 45em) {
114 display: inline-block;
126 flex-direction: column;
127 justify-content: space-around;
131 -moz-column-count: 2;
132 -webkit-column-count: 2;
134 -moz-column-gap: 1.5em;;
135 -webkit-column-gap: 1.5em;;
161 text-transform: uppercase;
173 text-decoration: none;
175 text-decoration: underline;
188 text-transform: uppercase;
213 background-image: url(/static/img/bg/chaotic.png);
214 background-size: 100%;
217 background-image: url(/static/img/bg/neutral.png);
218 background-size: 100%;
224 background-image: url(/static/img/bg/lawful.png);
225 background-size: 100%;
228 background-image: url(/static/img/bg/info.png);
229 background-size: 100%;
235 background-color: #222;
241 $g12: darken(#3db814, 10%);
242 $g21: lighten($g11, 10%);
243 $g22: lighten($g12, 10%);
246 background-image: -webkit-linear-gradient(top, $g11, $g12);
247 background-image: -moz-linear-gradient(top, $g11, $g12);
248 background-image: -ms-linear-gradient(top, $g11, $g12);
249 background-image: -o-linear-gradient(top, $g11, $g12);
250 background-image: linear-gradient(to bottom, $g11, $g12);
251 -webkit-border-radius: 100%;
252 -moz-border-radius: 100%;
254 border: 1em double white;
257 text-decoration: none;
261 @media screen and (min-width: 45em) {
268 background-image: -webkit-linear-gradient(top, $g21, $g22);
269 background-image: -moz-linear-gradient(top, $g21, $g22);
270 background-image: -ms-linear-gradient(top, $g21, $g22);
271 background-image: -o-linear-gradient(top, $g21, $g22);
272 background-image: linear-gradient(to bottom, $g21, $g22);
273 text-decoration: none;
296 text-decoration: none;
299 text-decoration: underline;
310 background: rgba(64,64,64,.5);
330 @media screen and (min-width: 45em) {