.container-padding{padding:0 2.5rem}@media only screen and (min-width:640px){.container-padding{padding:0 3rem}}@media only screen and (min-width:1024px){.container-padding{padding:0 4rem}}#color-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (min-width:640px){#color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:1024px){#color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (min-width:1280px){#color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media only screen and (min-width:1536px){#color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}#color-grid .color-block{border-radius:20px;box-shadow:0 5px 10px 0 rgba(0,0,0,.2);overflow:hidden}#color-grid .color-block__color{aspect-ratio:16/9;border:1px solid #e8e8e8;border-top-left-radius:20px;border-top-right-radius:20px}#color-grid .color-block__content{padding:1.5rem}#color-grid .color-block__heading{font-weight:700}#color-grid .color-block__hex{text-align:left}.font-section{margin-bottom:3rem}.font-section .font-label{color:#868686;margin-bottom:1rem}.font-section__blocks{display:grid;gap:2.5rem;grid-template-columns:repeat(1,minmax(0,1fr));width:100%}@media only screen and (min-width:640px){.font-section__blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}.font-section__blocks .font-block{border-radius:20px;box-shadow:0 5px 10px 0 rgba(0,0,0,.2);font-size:2rem;line-height:1.2;padding:2rem}.font-section__blocks .font-block__name{margin-bottom:1.5rem}.font-section__blocks .font-block__demo{margin:0;overflow-wrap:break-word}.font-section .font__headings-block{margin-bottom:1.5rem}