body{margin:0;padding:0}.all__boxes{display:flex;flex-wrap:wrap;flex-direction:column}.box{--max-height:300px;height:var(--max-height);flex-basis:var(--max-height);display:flex;align-items:center;justify-content:center}.text{font-family:Arial,sans-serif;font-size:100px;color:#fff}.box1{order:1;background-color:red}.box2{order:2;background-color:rgb(204,0,0)}.box3{order:3;background-color:rgb(153,0,0)}.box4{order:4;background-color:rgb(102,0,0)}.box5{order:5;background-color:rgb(51,0,0)}.box6{order:6;background-color:#000}@media (min-width:600px){.all__boxes{flex-direction:row}.box{flex-basis:50%}.box3{order:4}.box4{order:3}}@media (min-width:900px){.all__box{flex-direction:row}.box{flex-basis:33.33333%}.box4{order:6}.box5{order:5}.box6{order:4}}
/*# sourceMappingURL=style.51b9aa59.css.map */