html {
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
    color:#f7f7f7;
    line-height:1.5;
}

header {
    background:black;
    text-align: center;
}

header img {
    margin:100px;
}

body {
    background:#131519;
    padding-bottom:500px;
}

section {
    margin:auto;
    max-width: 900px;
    padding:0 10px;
}

footer {
    text-align:center;
    font-size:0.7em;
    color:#999;
    max-width:900px;
    margin:100px auto 0 auto;
}

a {
    cursor:pointer;
    color:#036db1;
}
a:hover {
    color:#1a9aed;
}

h2 {
    margin-top:100px;
}

div.about {
    text-align:center;
    max-width:80%;
    margin:100px auto 0 auto;
}

div.about p:first-child {
    font-size:1.4em;
    line-height: 2;

}

.screenshot {
    margin: 0 auto 50px auto;
    display:block;
}


#download {
    margin:50px auto;
    display:flex;
    justify-content: space-around;
}

#download a {
    width:230px;
    background:#71b627;
    color:#131519;
    text-decoration:none;
    padding:0.6em 2em;
    border-radius:10px;
    text-align:center;
}
#download a[href]:hover {
    background:#7cd71a;
}
#download .browser {
    font-size:1.1em;
}
#download .version {
    font-size:0.9em;
}

#links {
    background: #1a1c21;
    margin-top:100px;
    padding:50px 0;
}

#links section {
    display:flex;
    justify-content:space-between;
}
#links a {
    color:#036db1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration: none;
}
#links a:hover {
    color:#1a9aed;
}
#links i {
    font-size:2em;
}
#links span {
    font-size:1.1em;
    font-weight:bold;
}

.screenshots {
    max-width: none;
}
.screenshots img {
    max-width: 95%
}