header>h1{font-weight:bold;text-align:center; font-size: 2.1em; margin-block: 0; margin-inline: 0;}
.blocks{display:flex;justify-content: space-around; max-width: 56em; margin: auto auto 10em;flex-wrap: wrap;}
.blocks>p{font-size:1.1em;width: 25rem;padding: 1em;line-height:2.1;font-family: 'Noto Serif JP', serif;
font-display:block;
font-weight:  400;
font-style: normal;
src: url("../fonts/NotoSerifJP-Regular.woff") format("woff");
}
.blocks>p:first-child{line-height:2.5;}
footer{position: fixed; z-index: 999; bottom: 0; width: 100%;}
@media screen and (min-width: 900px) {
 .blocks{margin: auto;}
 footer{position: relative;margin-top: 10em;bottom: auto;}
}
footer>.branding{font-weight:bold;text-align:center; font-size: 3.6em; margin-block: 0; margin-inline: 0;}
footer>small{text-align: center; display: block; margin: auto; font-weight: bold; font-size: 0.7em;}