html {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #ccc;
    min-height: 100%;
}

body {
    background: #1c1c22;
    background: linear-gradient(36deg, rgba(28,28,34,1) 0%, rgba(18,18,22,1) 35%, rgba(27,27,33,1) 100%);
    color: #ccc;
}

.logo-container {
    max-width: 15rem;
    text-align: center;
    margin:0px auto;
}

.logo-container img {
    display: block;
    width: 100%;
}

h1 {
    font-size:2.25rem;
    color: #c8354f;
}

.mirror-list-container .row {
    margin: 0.25rem;
    font-size: 1.15rem;
}

.link a {
    display: block;
    padding: 0.25rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: #2a2a33;
    border-radius: 4px;
    transition: background 0.15s;
}

.link a:hover {
    background: #c8354f;
}

.footer-container {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

footer {
    text-align: center;
    margin-top: 12rem;
}

footer .social-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0.5rem;
}

footer .social-icon svg {
    fill: #35353e;
    transition: fill 0.15s;
    width: 3rem;
}

footer .social-icon:hover svg {
    fill: #c8354f;
}