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