body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    color: black;
}

h1, footer {
    padding-left: 8pt;
}

footer {
    margin-top: 32pt;
}

main ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

main ul li {
    flex: 1 0 33.333%;
    box-sizing: border-box;
}

main ul li a {
    text-decoration: none;
    color: white;
}

main ul li {
    text-align: center;
}

main ul li figure
{
    margin: 0;
}

main ul li figure i {
    font-size: 6em;
}

main ul li figure figcaption {
    display: block;
    font-size: 2em;
    background-color: rgba(80, 80, 80, 0.5);
    white-space: nowrap;
}

.tile-x {
    background-color: #00A3D3;
}

.tile-facebook {
    background-color: #393185;
}

.tile-deviant {
    background-color: #00E59B;
}

.tile-lastfm {
    background-color: #CE3438;
}

.tile-linkedin {
    background-color: #0073A4;
}

.tile-steam {
    background-color: #32405A;
}

.tile-email {
    background-color: #96A7B1;
}

@media (max-width: 900px) {
    main ul li {
        flex-basis: 50%;
    }
}

@media (max-width: 600px) {
    main ul li {
        flex-basis: 100%;
    }
}