body{margin:0;font-family:Arial,sans-serif}.page{display:grid}@media (min-width:600px){.page{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);grid-auto-rows:300px}}@media (min-width:900px){.page{grid-template-columns:repeat(3,1fr)}}.page__block{display:flex;justify-content:center;align-items:center;font-size:100px;color:#fff;height:300px}.page__block:first-child{background-color:red}.page__block:first-child:before{content:"1"}.page__block:nth-child(2){background-color:#c00}.page__block:nth-child(2):before{content:"2"}.page__block:nth-child(3){background-color:#900}.page__block:nth-child(3):before{content:"3"}.page__block:nth-child(4){background-color:#600}.page__block:nth-child(4):before{content:"4"}.page__block:nth-child(5){background-color:#300}.page__block:nth-child(5):before{content:"5"}.page__block:nth-child(6){background-color:#000}.page__block:nth-child(6):before{content:"6"}
/*# sourceMappingURL=main.b78020ee.css.map */