body {
    margin: unset;
    background: linear-gradient(135deg,
            rgba(199, 1, 1, 1) 0%,
            rgba(199, 1, 1, 1) 50%,
            rgba(220, 6, 19, 1) 50%,
            rgba(220, 6, 19, 1) 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    font-family: system-ui, sans-serif;
    font-weight: normal;
}

.container {
    display: grid;
    gap: 0;
    grid-template-rows: 20% 60% 20%;
    height: 100dvh;
}

.title {
    grid-row: 2/3;
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 {
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: italic;
    font-variation-settings: "wdth" 75;
    font-size: 8rem;
    font-size: clamp(3rem, 3rem + 16vw, 10rem);
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
}

h1 span {
    display: block;
}

.download-container {
    grid-row: 3/4;
}

.downloads {
    list-style: none;
    margin: unset;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.download {
    margin: 0;
    padding: 0;
}

.download svg {
    vertical-align: middle;
}