*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{color:#555;font-family:Roboto Mono,monospace;font-weight:400;line-height:1}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,blockquote{text-wrap:pretty}ul{list-style:none}a:link,a:visited{color:#555;cursor:pointer;text-decoration:none;transition:all .3s}a:hover,a:active{color:#222}@media (max-width:63em){html{font-size:50%}}@media (max-width:51em){html{font-size:42.5%}.grid{column-gap:3.2rem}}@media (max-width:41em){html{font-size:35.5%}}@media (max-width:37em){html{font-size:32.5%}}@media (max-width:34em){html{font-size:31.5%}}.container{max-width:120rem;margin:0 auto;padding:4.8rem 3.2rem 9.6rem}.grid{gap:9.6rem 6.4rem;display:grid}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.grid--3-cols{grid-template-columns:repeat(3,1fr)}@media (max-width:30em){html{font-size:55.5%}.grid{row-gap:6.4rem}.grid--2-cols,.grid--3-cols{grid-template-columns:1fr}}@media (max-width:26em){html{font-size:43.5%}}@media (max-width:20em){html{font-size:39.5%}}