* {
  box-sizing: border-box;
}

body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:100%;
  font-family: sans-serif;
  background-color: DARKGRAY;
  position:absolute;
  overflow: hidden;
}

.reset{
  text-align: right;
  color:RED;
  width:30%;
  height:100%;
  font-size:20px;  
  border:none;
}

.INC{
  text-align: center;
  width:30%;
  height:100%;
  font-size:20px;  
  background-color:WHITE;
  border-radius: 5px;
  border:slide;
}

.add{
  font-size:22px;
}

.btn{
  text-align: center;
  color:BLACK;
  background-color:WHITE;
  border-radius: 5px;
  border:none;
  width:100%;
  height:60%;
  font-size:60px;
  
}

.btn:active {
  background: blue;
}
.output{
  font-size:60px;
  width:100%;
  color:WHITE;
  border-style:none;
  background-color:cornflowerBlue;
  text-align:right;
}