*{box-sizing:border-box;padding:0;margin:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Roboto Mono,monospace;line-height:1;font-weight:400;color:#555}ul{list-style:none}a:link,a:visited{text-decoration:none;color:#555;transition:all .3s;cursor:pointer}a:active,a:hover{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;padding:4.8rem 3.2rem 9.6rem;margin:0 auto}.grid{display:grid;grid-column-gap:6.4rem;column-gap:6.4rem;grid-row-gap:9.6rem;row-gap:9.6rem}.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%}}