@import url(https://fonts.googleapis.com/css?family=Niramit:400,500);*{margin:0;padding:0}body{background-color:#282c34;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Niramit",sans-serif}.btn{border:none;outline:0;background-color:#3e4451;padding:.7rem 1.2rem;color:#fff;font-size:1.3rem;border-radius:4px}.btn:focus{outline:1px dashed}.container{text-align:center;color:#fff}.container header{margin:2rem 0}.container header h1{display:inline-block;font-weight:400;text-transform:uppercase;vertical-align:middle}.container header .btn-start-game{margin-left:2rem;text-transform:uppercase;font-size:1rem;font-weight:500}.container .board{margin:0 auto;width:320px;background-color:#353b45;padding:0;position:relative;display:flex;flex-wrap:wrap}.container .board .board-cell{width:40px;height:40px;background-color:#404754;margin-right:0;margin-bottom:0}.container .board .board-cell:nth-child(8n){margin-right:0}.container .board .bricks-container{position:absolute;left:0;top:0}.container .board .bricks-container .brick{width:40px;height:40px;background-color:red;position:absolute;transition:all .5s ease}.container .board .bricks-container .brick.brick-0-0{transform:translate(0)}.container .board .bricks-container .brick.brick-0-1{transform:translate(40px)}.container .board .bricks-container .brick.brick-0-2{transform:translate(80px)}.container .board .bricks-container .brick.brick-0-3{transform:translate(120px)}.container .board .bricks-container .brick.brick-0-4{transform:translate(160px)}.container .board .bricks-container .brick.brick-0-5{transform:translate(200px)}.container .board .bricks-container .brick.brick-0-6{transform:translate(240px)}.container .board .bricks-container .brick.brick-0-7{transform:translate(280px)}.container .board .bricks-container .brick.brick-1-0{transform:translateY(40px)}.container .board .bricks-container .brick.brick-1-1{transform:translate(40px,40px)}.container .board .bricks-container .brick.brick-1-2{transform:translate(80px,40px)}.container .board .bricks-container .brick.brick-1-3{transform:translate(120px,40px)}.container .board .bricks-container .brick.brick-1-4{transform:translate(160px,40px)}.container .board .bricks-container .brick.brick-1-5{transform:translate(200px,40px)}.container .board .bricks-container .brick.brick-1-6{transform:translate(240px,40px)}.container .board .bricks-container .brick.brick-1-7{transform:translate(280px,40px)}.container .board .bricks-container .brick.brick-2-0{transform:translateY(80px)}.container .board .bricks-container .brick.brick-2-1{transform:translate(40px,80px)}.container .board .bricks-container .brick.brick-2-2{transform:translate(80px,80px)}.container .board .bricks-container .brick.brick-2-3{transform:translate(120px,80px)}.container .board .bricks-container .brick.brick-2-4{transform:translate(160px,80px)}.container .board .bricks-container .brick.brick-2-5{transform:translate(200px,80px)}.container .board .bricks-container .brick.brick-2-6{transform:translate(240px,80px)}.container .board .bricks-container .brick.brick-2-7{transform:translate(280px,80px)}.container .board .bricks-container .brick.brick-3-0{transform:translateY(120px)}.container .board .bricks-container .brick.brick-3-1{transform:translate(40px,120px)}.container .board .bricks-container .brick.brick-3-2{transform:translate(80px,120px)}.container .board .bricks-container .brick.brick-3-3{transform:translate(120px,120px)}.container .board .bricks-container .brick.brick-3-4{transform:translate(160px,120px)}.container .board .bricks-container .brick.brick-3-5{transform:translate(200px,120px)}.container .board .bricks-container .brick.brick-3-6{transform:translate(240px,120px)}.container .board .bricks-container .brick.brick-3-7{transform:translate(280px,120px)}.container .board .bricks-container .brick.brick-4-0{transform:translateY(160px)}.container .board .bricks-container .brick.brick-4-1{transform:translate(40px,160px)}.container .board .bricks-container .brick.brick-4-2{transform:translate(80px,160px)}.container .board .bricks-container .brick.brick-4-3{transform:translate(120px,160px)}.container .board .bricks-container .brick.brick-4-4{transform:translate(160px,160px)}.container .board .bricks-container .brick.brick-4-5{transform:translate(200px,160px)}.container .board .bricks-container .brick.brick-4-6{transform:translate(240px,160px)}.container .board .bricks-container .brick.brick-4-7{transform:translate(280px,160px)}.container .board .bricks-container .brick.brick-5-0{transform:translateY(200px)}.container .board .bricks-container .brick.brick-5-1{transform:translate(40px,200px)}.container .board .bricks-container .brick.brick-5-2{transform:translate(80px,200px)}.container .board .bricks-container .brick.brick-5-3{transform:translate(120px,200px)}.container .board .bricks-container .brick.brick-5-4{transform:translate(160px,200px)}.container .board .bricks-container .brick.brick-5-5{transform:translate(200px,200px)}.container .board .bricks-container .brick.brick-5-6{transform:translate(240px,200px)}.container .board .bricks-container .brick.brick-5-7{transform:translate(280px,200px)}.container .board .bricks-container .brick.brick-6-0{transform:translateY(240px)}.container .board .bricks-container .brick.brick-6-1{transform:translate(40px,240px)}.container .board .bricks-container .brick.brick-6-2{transform:translate(80px,240px)}.container .board .bricks-container .brick.brick-6-3{transform:translate(120px,240px)}.container .board .bricks-container .brick.brick-6-4{transform:translate(160px,240px)}.container .board .bricks-container .brick.brick-6-5{transform:translate(200px,240px)}.container .board .bricks-container .brick.brick-6-6{transform:translate(240px,240px)}.container .board .bricks-container .brick.brick-6-7{transform:translate(280px,240px)}.container .board .bricks-container .brick.brick-7-0{transform:translateY(280px)}.container .board .bricks-container .brick.brick-7-1{transform:translate(40px,280px)}.container .board .bricks-container .brick.brick-7-2{transform:translate(80px,280px)}.container .board .bricks-container .brick.brick-7-3{transform:translate(120px,280px)}.container .board .bricks-container .brick.brick-7-4{transform:translate(160px,280px)}.container .board .bricks-container .brick.brick-7-5{transform:translate(200px,280px)}.container .board .bricks-container .brick.brick-7-6{transform:translate(240px,280px)}.container .board .bricks-container .brick.brick-7-7{transform:translate(280px,280px)}.container .board .bricks-container .brick.brick-8-0{transform:translateY(320px)}.container .board .bricks-container .brick.brick-8-1{transform:translate(40px,320px)}.container .board .bricks-container .brick.brick-8-2{transform:translate(80px,320px)}.container .board .bricks-container .brick.brick-8-3{transform:translate(120px,320px)}.container .board .bricks-container .brick.brick-8-4{transform:translate(160px,320px)}.container .board .bricks-container .brick.brick-8-5{transform:translate(200px,320px)}.container .board .bricks-container .brick.brick-8-6{transform:translate(240px,320px)}.container .board .bricks-container .brick.brick-8-7{transform:translate(280px,320px)}.container .board .bricks-container .brick.brick-9-0{transform:translateY(360px)}.container .board .bricks-container .brick.brick-9-1{transform:translate(40px,360px)}.container .board .bricks-container .brick.brick-9-2{transform:translate(80px,360px)}.container .board .bricks-container .brick.brick-9-3{transform:translate(120px,360px)}.container .board .bricks-container .brick.brick-9-4{transform:translate(160px,360px)}.container .board .bricks-container .brick.brick-9-5{transform:translate(200px,360px)}.container .board .bricks-container .brick.brick-9-6{transform:translate(240px,360px)}.container .board .bricks-container .brick.brick-9-7{transform:translate(280px,360px)}.container .board .bricks-container .brick.brick-10-0{transform:translateY(400px)}.container .board .bricks-container .brick.brick-10-1{transform:translate(40px,400px)}.container .board .bricks-container .brick.brick-10-2{transform:translate(80px,400px)}.container .board .bricks-container .brick.brick-10-3{transform:translate(120px,400px)}.container .board .bricks-container .brick.brick-10-4{transform:translate(160px,400px)}.container .board .bricks-container .brick.brick-10-5{transform:translate(200px,400px)}.container .board .bricks-container .brick.brick-10-6{transform:translate(240px,400px)}.container .board .bricks-container .brick.brick-10-7{transform:translate(280px,400px)}.container .board .bricks-container .brick.brick-11-0{transform:translateY(440px)}.container .board .bricks-container .brick.brick-11-1{transform:translate(40px,440px)}.container .board .bricks-container .brick.brick-11-2{transform:translate(80px,440px)}.container .board .bricks-container .brick.brick-11-3{transform:translate(120px,440px)}.container .board .bricks-container .brick.brick-11-4{transform:translate(160px,440px)}.container .board .bricks-container .brick.brick-11-5{transform:translate(200px,440px)}.container .board .bricks-container .brick.brick-11-6{transform:translate(240px,440px)}.container .board .bricks-container .brick.brick-11-7{transform:translate(280px,440px)}
/*# sourceMappingURL=main.06df86bc.chunk.css.map */