:root {
    --logo-size: 120px;
    --background-color: #eee;
    --page-color: #2e4c5b;
    --page-off-color: #1f3743;
    --text-color: #cee0e9;
    --text-highlight-color: #f5c142;
    --text-decoration-color: #f1eea2;
}

body {
    max-width: 1024px;
    margin: 0 auto;
    background-color: var(--background-color);
    font-family: "Monda", sans-serif;
}
header {
    background: var(--page-off-color);
    padding: 10px 10px;
}
header a {
    color: var(--text-color);
    margin-right: 10px;
}
main {
    padding: 5px 10px 30px;
    background-color: var(--page-color);
    color: var(--text-color);
}
h1 {
    color: var(--text-highlight-color)
}
.screenshots > img {
    max-width: 490px;
    margin: 0 10px 10px 0;
}
@media (max-width: 1023px) {
    .screenshots {
        display: grid;
    }
    .screenshots > img {
        margin: 5px auto;
    }
}    
.files {

}
.files > a {
    color: var(--text-color)
}
footer {
    padding: 10px 10px;
    background-color: var(--page-off-color);
    text-align: right;
}
footer a {
    color: var(--text-color);
}