body {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX0VSeXQzMyIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjgiIGhlaWdodD0iOCIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PGxpbmUgeDE9IjAiIHk9IjAiIHgyPSIwIiB5Mj0iOCIgc3Ryb2tlPSIjRDVENUQ1IiBzdHJva2Utd2lkdGg9IjIiLz48L3BhdHRlcm4+PC9kZWZzPiA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm5fRVJ5dDMzKSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==') repeat;
    color: #333;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font: normal 1rem/1.5 "Source Code Pro", "Menlo", monospace;
}

div, h1, header, footer, section {
    background: white;
    /* background: rgba(0,0,0,.1); */
}

h2, small {
    color: #555;
    font-weight: lighter;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0.3rem;
}

.card {
    /* display: flex; */
    text-align: center;
    border: 1px dashed lightgray;
    border-bottom: 0px;
    /* -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15); */
    /* -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; */
    margin: 0.5rem;
    margin-bottom: 1em;
    padding-bottom: 0em;
    line-height: 0em;
}

.card img {
    display: inline;
}

.card::after {
    content: "";
    /* position: absolute; */
    display: inline-block;
    bottom: 0em;
    left: 0em;
    width: 100%;
    height: 0.3em;
    background: url(sb-variations-pattern.png) repeat;
    margin: 0em;
    padding: 0em;
}

.pure-g {
    /* padding: 1rem; */
}