html{font-family:Arial,Helvetica,sans-serif;font-size:100px;color:#fff}body{margin:0}.container{display:flex;flex-wrap:wrap;width:100%}.box{display:flex;justify-content:center;align-items:center;flex-basis:33.33%;flex-grow:1;width:300px;height:300px}.box1{background-color:red}.box2{background-color:#c00}.box3{background-color:#900}.box4{background-color:#600;order:2}.box5{background-color:#300;order:1}.box6{background-color:#000}@media (max-width:750px){.box{flex-basis:50%;flex-direction:column-reverse}.box3{order:1}.box4{order:0}.box5{order:2}.box6{order:3}}@media (max-width:450px){.box{flex-basis:100%;height:300px;order:0}}
/*# sourceMappingURL=style.dd23904f.css.map */