body {
    background-color: rgba(214, 214, 214, 0.808);
    display: flex;
    justify-content: center;
    font-family: "Clear Sans", Helvetica, sans-serif;
    user-select: none;
}

h1 {
    font-size: 80px;
    line-height: 0.7;
    color: rgb(96, 146, 255);
    margin: 20px;
}

.container {
    width: 1000px;
    margin-top: 30px;
}

.info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.score-container {
    text-align: center;
    width: 120px;
    height: 80px;
    border-radius: 3px;
    background-color: rgb(141, 175, 250);
    color: rgb(68, 68, 68);
}

#score {
    font-size: 30px;
}

.square {
    width: 1000px;
    height: 500px;
    margin: 7px;
    background-color: rgb(96, 146, 255);
    border-radius: 5px;
}

.countdown {
    padding-top: 120px;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
    color: rgba(214, 214, 214, 0.808);
}

#timer {
    font-size: 100px;
}

.time {
    margin: 10px;
    font-size: 30px;
    kerning: 100px;
    color: rgb(68, 68, 68);
}