*{box-sizing:border-box}body{margin:0}html{font-family:Arial,Helvetica,sans-serif}.container{--min-height:300px;flex-wrap:wrap}.box,.container{display:flex;justify-content:center;align-items:center}.box{height:var(--min-height);flex-basis:var(--min-height);flex-grow:1;font-size:100px;color:#fff}.box--1{background-color:red;order:1}.box--2{background-color:#c00;order:2}.box--3{background-color:#900;order:3}.box--4{background-color:#600;order:4}.box--5{background-color:#300;order:5}.box--6{background-color:#000;order:6}@media (min-width:600px){.box--3{order:4}.box--4{order:3}}@media (min-width:900px){.container{flex-direction:row}.box{flex-basis:33.33%}.box--4{order:6}.box--5{order:5}.box--6{order:4}}
/*# sourceMappingURL=style.98b43eec.css.map */