/* Styling body of form and setting color image url and position*/
body {
    color: #DAD6D6;
    font-family: digital-7;
    text-align: center;  
    background-color: green;
    background-image: url(../images/amreshstopwatch.svg);
    background-repeat: no-repeat;
    background-position: center;
}

/* Styling division using div inside body of html and setting up width and margin*/
div{
    min-width: 20%;
    max-width: 100%;
    margin: 100px auto;
}
/* styling heading using heading id  and setting up margin decoration and font*/
#heading{
    margin-top: 130px;
    text-decoration: unset;
    font-family: Arial, Helvetica, sans-serif;
}
/* styling heading using tiner id  and setting up font-size */
#timer{
    font-size: 2.5em;
}

/* styling start button using start id  and setting up margin, color, background, border, letter spacing*/
#start {
  margin: 20px auto;
  text-align: center;
  color: whitesmoke;
  background: blueviolet;
  border:solid 2px yellowgreen;
  border: radius 6px;
  padding:16px 40px 16px;
  letter-spacing: 2px;
  cursor: pointer;
}

/* styling stop button using start id  and setting up margin, color, background, border, letter spacing*/

#stop {
  margin: 20px 5px auto;
  text-align: center;
  color: whitesmoke;
  background: red;
  border:solid 2px #590F20;
  border-radius:6px;
  padding:16px 40px 16px;
  letter-spacing: 2px;
  cursor:pointer;
}

/* styling reset button using start id  and setting up margin, color, background, border, letter spacing*/
#reset {
  margin: 20px auto;
  text-align: center;
  color: whitesmoke;
  background: palevioletred;
  border:solid 2px #3E383F;
  border-radius:5px;
  padding:16px 40px 16px;
  letter-spacing: 2px;
  cursor:pointer;
}

/* styling heading and setting up font, spacing and margin*/
h2
{
  font-size: 30px;
  letter-spacing: 2px;
  margin: 200px 0 0 ;
}