body {
    padding: 0;
    margin: 0;
    font-family: 'Ubuntu', 'sans-serif';
    background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
}

header.top-nav {
    text-align: center;
    color: #ffffff;
    padding: 15px 10px;
}

section.showcase {
    color: #ffffff;
    padding: 20px;
    margin: 20px;
    height: 180px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255, 0.3);
}

section.main {
    margin: 20px;
}

section.main > div.row {
    margin-bottom: 10px;
}

.fix-width {
    width: 120px;
}

section.view-source {
    color: #ffffff;
    margin: 50px 20px 0 20px;
}