body {
    margin: 0;
    padding: 0;

    --highlight-color: rgb(212, 64, 64);

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.content {
    width: fit-content;
    margin: auto;
    margin-top: 50px;
    padding: 30px;

    background-color: rgb(235, 235, 235);
    border-radius: 20px;
}
.content span {
    font-weight: bold;
}
.content #since-last-fetch {
    color: var(--highlight-color);
}
.content #since-last-refresh {
    color: var(--highlight-color);
}
.content h1 {
    display: inline;
}
.content #download-text {
    text-align: center;
    color: var(--highlight-color);
    font-size: 50px;
}
.content #time-until-next-fetch {
    font-style: italic;
}

.sources .source {
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}
.sources .source img {
    width: 50px;
    border-radius: 10px;
}
.sources .source * {
    display: inline;
    vertical-align: middle;
}
.sources .source #sub-download-text {
    color: var(--highlight-color);
}
.sources .source#curseforge {
    border: orange 1px solid;
    background: linear-gradient(90deg, orange, white);
}
.sources .source#modrinth {
    border: greenyellow 1px solid;
    background: linear-gradient(90deg, greenyellow, white);
}
.sources .source#github {
    border: gray 1px solid;
    background: linear-gradient(90deg, gray, white);
}
.sources .source#planetmc {
    border: darkcyan 1px solid;
    background: linear-gradient(90deg, darkcyan, white);
}