* {
    /*! outline: 1px dashed red; */
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    /*! clear: both; */
}
.wrapper {
    /*! width: 12%; */
    margin-top: 20px;
}
.show {
    /*! width: 800px; */
    /*! margin: 0 auto; */
}
.clock {
    position: relative;
    /*! float: left; */
    margin: 15px;
    padding: 10px;
    /*! border: 1px dashed #dbd0a7; */
    width: 20%;
}
.code {
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    background: #d8d8d8;
    color: #988f81;
}