@import"https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300&display=swap";*{box-sizing:border-box;font-family:"Roboto Condensed","Trebuchet MS",Arial,Helvetica,sans-serif}:root{--cell-size: 0}body{background-color:#000;margin:0}#app{display:table;border:1px solid #fff}#app .board{width:800px;height:800px}#app .board .row{display:flex}#app .board .row .cell{width:var(--cell-size);height:var(--cell-size)}#app .board .row .cell.head.direction-l{background:url("../images/snake.png") 0 -126px}#app .board .row .cell.head.direction-r{background:url("../images/snake.png") 0 -84px}#app .board .row .cell.head.direction-u{background:url("../images/snake.png") 0 -42px}#app .board .row .cell.head.direction-d{background:url("../images/snake.png") 0 0}#app .board .row .cell.body.direction-h{background:url("../images/snake.png") -42px -168px}#app .board .row .cell.body.direction-v{background:url("../images/snake.png") -84px -168px}#app .board .row .cell.body.direction-ul{background:url("../images/snake.png") -84px -42px}#app .board .row .cell.body.direction-ur{background:url("../images/snake.png") -42px -42px}#app .board .row .cell.body.direction-dl{background:url("../images/snake.png") -84px 0}#app .board .row .cell.body.direction-dr{background:url("../images/snake.png") -42px 0}#app .board .row .cell.tail.direction-l{background:url("../images/snake.png") -84px -126px}#app .board .row .cell.tail.direction-r{background:url("../images/snake.png") -42px -126px}#app .board .row .cell.tail.direction-u{background:url("../images/snake.png") -42px -84px}#app .board .row .cell.tail.direction-d{background:url("../images/snake.png") -84px -84px}#app .board .row .cell.food{background:url("../images/snake.png") 0 -168px}/*# sourceMappingURL=snake-2.min.css.map */