* {
    padding:0;
    margin:0;
    box-sizing: border-box;
}

.container{
    height: 100vh;
    background: #2c2c2c;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container h2 {
    color :#fff;
    font-size:5rem;
    padding-bottom:6rem;
}
.Clock{
    background-color: #999999;
    min-width:370px;
    height:10vh;
    padding:0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: #fff solid 3px;
    border-radius: 12px;
}

span:not(.points) {
    background-color: #1e1e1ebb;
    color:white;
    margin:auto;
    padding:10px 16px;
    border-radius: 12px;
    font-size: 1.5rem;
}

 @media screen and (max-width:500px){
   .container h2{
        font-size: 3rem;
    }
    .Clock{
        min-width: 100px;
    }
}

/*

@media screen and (max-width:1200px){
    .Clock{
        width:65vw;
        height:10vh;
    }
}

@media screen and (max-width:1700px){
    .Clock{
        width:40vw;
        height:10vh;
    }
} */