*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:100px;color:#fff}.blocks{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.block{display:flex;justify-content:center;align-items:center;min-width:300px;min-height:300px}.block--1{background-color:red}.block--2{background-color:#c00}.block--3{background-color:#900}.block--4{background-color:#600000}.block--5{background-color:#300000}.block--6{background-color:#000}@media (max-width:599px){.blocks{grid-template-columns:auto;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}}@media (min-width:600px) and (max-width:899px){.blocks{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}}
/*# sourceMappingURL=main.41ac73fd.css.map */