style.css

@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

body {
    margin: 0;
    padding: 0;
    background: #ffcbcb;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ffcbcb, #407080);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ffcbcb, #407080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    font-family: "Alef Hebrew", “Helvetica Neue”, Helvetica, Arial, sans-serif;
}

.container {
    width: 50%;
    margin: 50px auto;
}

.box {
    width: 7%;
    padding: 7%;
    margin: 1.66%;
    float: right;
    background: #132743;
    text-align: center;
    color: white;
    font-size: 1.3em;
    border-radius: 10%;

    -webkit-box-shadow: 2.5px 2.5px 5.25px 0px rgba(255,255,255,0.7);
    -moz-box-shadow: 2.5px 2.5px 5.25px 0px rgba(255,255,255,0.7);
    box-shadow: 2.5px 2.5px 5.25px 0px rgba(255,255,255,0.7);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.active {
    opacity: 0.3;
}

.result {
    background: red;
}

.box-confirm {
    background: #17c717;
}