/* backgrounds are material 700 */

.reactris * {
    outline: none
}

.tetromino-I {
    background: #0097A7
}

.tetromino-J {
    background: #7B1FA2
}

.tetromino-L {
    background: #F57C00
}

.tetromino-O {
    background: #FBC02D
}

.tetromino-S {
    background: #388E3C
}

.tetromino-T {
    background: #1976D2
}

.tetromino-Z {
    background: #D32F2F
}

.reactris tr {
    border: none
}

.reactris td {
    height: 1rem;
    padding: 0;
    text-align: center;
    width: 1rem
}
  

/* layout */

.reactris {
    overflow: hidden
}

.stats, .bucket {
    float: left
}

.stats {
    padding: 1rem
}

.stats dd {
    text-align: center
}