.box {width: 260px; margin: 0px 0; font-size: initial;}
    .box .side {line-height: 250px; font-size: 80px; font-weight: 700; color: #fff; text-align: center; user-select: none;padding: 3px;box-shadow:inset 0 0 30px rgba(125,125,125,0.8);}
    .box .side.side1 {background: radial-gradient(#fff, #fff);}
        .box .side.side2 {background: radial-gradient(#fff, #fff);}
        .box .side.side3 {background: radial-gradient(#fff, #fff);}
        .box .side.side4 {background: radial-gradient(#fff, #fff);}
        .box .side.side5 {background: radial-gradient(#fff, #fff);}
        .box .side.side6 {background: radial-gradient(#fff, #d4d4d4);}
        .box .side.side7 {background: radial-gradient(#fff, #d4d4d4);}
        .box .side.side8 {background: radial-gradient(#fff, #d4d4d4);}
    .clock {width: 460px; height: 70px; margin: 30px 0;}
    .clock .box {display: inline-block; width: 40px; height: 60px; margin: 2px;}
    .clock .box .side {width: 40px; height: 60px; line-height: 60px; font-size: 40px; background: #000;}
    .clock span {display: inline-block; width: 10px; height: 60px; line-height: 60px; margin: 2px; font-size: 40px; vertical-align: top;}
    .grid {width: 420px; height: 280px; margin: 30px 0;}
    .grid .box {float: left; width: 60px; height: 60px; margin: 5px;}
    .grid .box .side {width: 60px; height: 60px;}