body {
    background-color: black;
    color: white;
    font-weight: bold;
}

.container {
    position: relative;
}

/* secret schedule entity */
.entity {
    display: inline-block;
    border-width: 2px 2px 2px .5em;
    border-style: solid;
    border-radius: 6px;
    margin: .2em;
    padding: .1em .3em .1em .1em;
}

.white {
    border-color: #ddf;
}

.fire {
    border-color: #f44;
}
.blue {
    border-color: #008eff;
}
.silence {
    border-color: #5f03fb;
}
.sand {
    border-color: #d08d06;
}

@keyframes Grad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 3000px 0;
    }
}

.active {
    color: #000;
    background-image: linear-gradient(90deg, #777, #ff7);
    background-position: 0 0;
    background-size: 3000px 100%;
    animation: Grad 2.3s linear infinite;
    animation-delay: 0.5s;
}