body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-image: url("s-brick008.gif");
    font-family: Arial, sans-serif;
}

.flip-clock {
    display: flex;
    align-items: center;
    gap: 0; /* 必要に応じて他の要素との隙間を設定 */
    padding: 0px;
    margin: 0;
    border-radius: 10px;
    background-color: #995413;
    box-sizing: border-box; /* これで画像が枠内に収まる */
    border: solid 10px #995413;
    box-shadow: 3px 3px 5px 5px rgba(0, 0, 0, 0.4);
}

.time-group {
    display: flex;
    align-items: center;
    gap: 0; /* 数字同士の隙間をなくす */
    margin-right: 10px; /* 時・分・秒の間に適度な隙間を作成 */
}

.digit {
    width: 80px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0; /* 余白を完全になくす */
}

#second-ones {
    margin-right: 0; /* 最後の秒画像の右余白をなくす */
}

span {
    font-size: 3rem;
    line-height: 120px; /* 数字の高さに揃える */
    color: #333;
}

.btn {
    border-radius: 5px;
    background-color: rgb(77, 23, 148);
    padding: 10px;
    text-decoration: none;
    color: white;
  }