body {
  height: 100vh;
  background: linear-gradient(60deg, rgba(85, 50, 39, 0.286), rgba(29, 30, 38, 0.698));
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
} 

#timer-container { 
  width: 600px; 
  margin: 20px auto;
}

#timer {
  font-size: 7rem;
  text-align: left; 
}

#buttons {
  display: flex;
  justify-content: center;   
}

button {
  background: linear-gradient( rgba(29, 30, 38, 0.698), rgba(85, 50, 39, 0.286));
  color: rgb(216, 216, 228);
  
   text-shadow: 
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000; /* This creates the outline */    
  
  font-size: 2rem;
  padding: 1.2rem 3rem;
  margin: 0.6rem;
  cursor: pointer;
  border-color: rgb(71, 69, 68);
 
 /* box-shadow: 2px 2px 50px rgba(0,0,0,0.3);*/  
}

button:active {
  transform: scale(0.987);
}

button[disabled] {
  opacity: .3;
  cursor: default;
}