body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    text-size: 2em;
    text-align: center;
    background-size: 20px 20px;
    background-image: -webkit-linear-gradient(left,#eee 1px,transparent 0),-webkit-linear-gradient(top,#eee 1px,transparent 0);
    background-image: -o-linear-gradient(left,#eee 1px,transparent 1px),-o-linear-gradient(top,#eee 1px,transparent 1px);
    background-image: linear-gradient(90deg,#eee 1px,transparent 0),linear-gradient(180deg,#eee 1px,transparent 0)
}

.wrapper {
    display: grid;
    grid-template-columns: 200px 200px 200px;
    grid-gap: 20px;
    max-width: 640px;
    margin: 0 auto
}

.counter {
    background: #eee;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,.85);
    box-shadow: 5px 5px 10px -5px rgba(0,0,0,.85)
}

.counter:first-child {
    background: -webkit-gradient(linear,left top,left bottom,from(#eee),color-stop(95%,#eee),to(maroon));
    background: -webkit-linear-gradient(top,#eee,#eee 95%,maroon);
    background: -o-linear-gradient(top,#eee 0,#eee 95%,maroon 100%);
    background: linear-gradient(180deg,#eee 0,#eee 95%,maroon)
}

.counter:nth-child(2) {
    background: -webkit-gradient(linear,left top,left bottom,from(#eee),color-stop(95%,#eee),to(green));
    background: -webkit-linear-gradient(top,#eee,#eee 95%,green);
    background: -o-linear-gradient(top,#eee 0,#eee 95%,green 100%);
    background: linear-gradient(180deg,#eee 0,#eee 95%,green)
}

.counter:nth-child(3) {
    background: -webkit-gradient(linear,left top,left bottom,from(#eee),color-stop(95%,#eee),to(navy));
    background: -webkit-linear-gradient(top,#eee,#eee 95%,navy);
    background: -o-linear-gradient(top,#eee 0,#eee 95%,navy 100%);
    background: linear-gradient(180deg,#eee 0,#eee 95%,navy)
}

.counter .count {
    font-family: Rubik Mono One,sans-serif;
    font-size: 3em
}

.counter .instructions {
    margin: 2em;
    color: #999;
    font-size: .8em
}

.counter .buttons button {
    font-size: 1em;
    margin: 0 5px;
    background: #666;
    color: #fff;
    padding: 5px 10px
}