stylesheet.css

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(26, 26, 26);
    font-size: 48px;
    color: rgba(255, 255, 255, 0.1);
    font-family: Montserrat, sans-serif;
}

.wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 104px;
}

.clockFace {
    align-self: center;
}

.date {
    align-self: center;
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;

    width: 660px;
    height: 60px;
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
    /* color: rgba(255, 255, 255, 1); */
    width: 60px;
    height: 60px;
    text-align: center;
}

.date {
    font-size: 36px;
    color: rgba(255, 255, 255, 0.4);
}

.fireUp {
    color: #fff;
}


/* メモ
あの時計の表記ルールがわからん

Nine o’clock - 9:00
Five Past Nine - 9:05
Ten Past Nine - 9:10
Quarter Past Nine - 9:15
Twenty Past Nine - 9:20
Twenty Five Past Nine - 9:25
Half Past Nine - 9:30
Twenty Five to Ten - 9:35
Twenty to Ten - 9:40
Quarter to Ten - 9:45
Ten to Ten - 9:50
Five to Ten - 9:55
Ten o’clock - 10:00
*/