/**
 * Stylesheet of the Netflix Stats Generator
 * @author Marvin Borner
 * @copyright Marvin Borner 2019
 */

html, body {
    padding: 8px;
    color: #ffffff;
    background-color: #141414;
    font-family: "Varela Round", sans-serif !important;
    text-rendering: optimizeLegibility !important;
}

canvas {
    margin: 8px auto 0;
    width: 100%;
}

.loading, .stats {
    display: none;
}

.stats {
    text-align: center;
}

.stats > div {
    padding: 8px;
    margin-top: 8px;
    border: 1px solid white;
}

.heatMap {
    border-collapse: collapse;
}

.heatMap td {
    width: 2vw;
    height: 2vw;
    border: 1px solid white;
}