* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-size: 1.6rem;
}

html {
    font-size: 16px;
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "ui-sans-serif", "sans-serif";
    background-color: oklch(80% 0 67);
}

body {
    background-color: whitesmoke;
    padding: .5rem;
}

body>*+* {
    margin-top: 1.5rem;
}

.images>*+* {
    margin-top: .5rem;
}

@media (min-width: 600px) {
    body {
        max-width: calc(8rem + 900px);
        margin: 4rem auto;
        padding: 4rem;
    }

    body>*+* {
        margin-top: 1.5rem;
    }
}