@font-face {
  font-family: "Kumar One";
  src: url("KumarOne.woff2");
}

.blackClock__container {
  background-color: #333;
  color: #999;
  font-size: 15px;
  height: auto;
  font-family: "Kumar One", serif;
  padding: 5rem 0;
  margin: 1rem;
  border-radius: 1rem;
}

.blackClock__watch {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  /* font-size: 10rem; */
}
.blackClock__oscar {
  display: flex;
  flex-direction: row;
}
.blackClock__box {
  width: 25rem;
  text-align: center;
  padding: 1rem;
  padding-top: 3rem;
  margin: 5px;
  font-family: "Kumar One", serif;
  font-size: 10rem;
  line-height: 12rem;
  border: 40px solid rgb(0, 0, 0);
  background-color: #161616;
  border-radius: 30px;
  box-shadow: 10px 10px 30px gainsboro;
}


@media screen and (width < 1350px){

  
  .blackClock__box{
    width: 15rem;
    font-size: 6rem;
    line-height: 8rem;
    border: 20px solid rgb(0, 0, 0);
  }

  
}

@media screen and (width < 550px){

  .blackClock__oscar{
    flex-direction: column;
  }
  .blackClock__box{
    width: 20rem;
    font-size: 8rem;
    line-height: 10rem;
    border: 20px solid rgb(0, 0, 0);
  }
}