:root {
    --gap: 10px;
    --color-base: lightblue;
    --color-page: whitesmoke;
}

body {
    margin: 0;
    font-family: system-ui, sans-serif;
    background: var(--color-base)
}

.wrapper {
    display: grid;
    max-width: 800px;
    margin: calc(var(--gap) * 2) auto;
    background: var(--color-page);
    padding: calc(var(--gap) * 2);
    border-radius: var(--gap);
}

footer {
    display: flex;
    align-items: center;
    gap: var(--gap);

    a {
        text-decoration: none;
    }

    a:nth-last-child(2) {
        margin-left: auto;
    }
}