* {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN";
    color: var(--ink);
    min-height: 100svh;
    display: grid;
    place-items: center;
    background-color:#ededed;
    padding: 24px 14px;
}

section{
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
}

section p {
    margin-bottom: 1.65em;
    padding: 0;
    text-align: start;
}

h1,
h2 {
    margin:0 auto;
    padding: 0;
    text-align: start;
}

p.creation {
    text-align: end;
    margin-top: 2.5em;
}

footer p {
   text-align: center;
}

@media (max-width: 480px) {
    section{
    width: 90%;
}
}