*{
  margin: 0;
  padding: 0;
}
.outer{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height:50%;
  min-width: 50%;
 
}
.container{
  border-radius: 20px;
  background-color:rgb(23, 23, 23);
  height: 600px;
  width: 60%;
  margin: 4rem;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box{
  padding: 10px;
  background-color: gray;
  height:auto;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}
 .btn{
 background-color: black;
 margin: 40px;
  padding: 20px;
  color: aliceblue;
  cursor: pointer;
  display: flex;
  justify-content:space-between;
  justify-items: center;
  text-align: center;
  }
  .btns{
    display: flex;  
  }

.timer{
  background-color: rgb(21, 20, 20);
  display: flex;
flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20%;
  width: 400px;
  margin-top: 20px;
  gap: 20px;
}
.time{
 color: white;
 margin: 20px;
 padding: 4px;
 letter-spacing: 5px;
 font-family: sans-serif;
 font-weight: bold;
 font-size:50px;
}