*{box-sizing:border-box}html{font-size:100%}body{max-width:90rem;margin:0 auto;padding:2rem 1rem;font-family:sans-serif;font-size:1rem;word-break:break-word}h1,h2,h3,h4{margin:0;padding:.5rem 0;text-align:center;line-height:1.5;color:#2f3e4d}blockquote,p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}blockquote{font-style:italic;color:#666}p{margin:0;padding:1rem;font-size:1.2rem;line-height:1.4;color:#333}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:1rem;background-image:linear-gradient(135deg,#d4ffcc 25%,#f2f2f2 25%,#f2f2f2 50%,#d4ffcc 50%,#d4ffcc 75%,#f2f2f2 75%,#f2f2f2 100%);background-size:50px 50px}@media screen and (max-width:16rem){.auto-grid{grid-auto-rows:1fr}}.grid-box{display:flex;flex-flow:column nowrap;padding:1rem;background-image:linear-gradient(to top,rgba(195,215,245,0),rgba(195,215,245,.7));border:1px solid #999;border-radius:5px}.grid-figure{margin:0;padding:1rem;text-align:center;font-style:italic;color:#4d4d4d}.grid-img{max-width:100%;height:auto;object-fit:cover;transition:opacity .25s ease-in-out}.grid-img:hover{opacity:.7}.m-top{margin-top:auto}button{align-self:center;padding:.5rem 2rem;font-size:1.5rem;text-align:center;text-shadow:1px 1px #bfbfbf;background-color:#51991f;color:#f7fff2;cursor:pointer;border:0;border-radius:.25rem;box-shadow:3px 3px 5px 0 #999;transition:opacity .5s}button:hover{opacity:.7}