body {
  font-family:Arial, Helvetica, sans-serif;
  background-color: #53565d;
  margin: 0; 
}

/* nav bar */

.nav-bar {
  background-color: #282c34;
  
}

/* nav bar links */

.nav-links {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  padding: 30px;
  margin: 0;
  color: white;
  border-bottom: 9px solid #ee2e24;
}

/* nav links color */

a {
  color: #fff;
}

/* main div */

.main-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}

/* header */

#header {
  color: #5ea6e2;
  font-size: 40px;
}

/* count */

#countBtn {
  font-size: 100px;
  color: #e06c75;
  margin: 20px;
}

/* All buttons - increase, decrease, reset and save */

.buttons {
  display: inline;
}

#increase, #decrease, #reset, #save-btn {
  gap: 5px;
  margin: 20px;
  padding: 12px 25px;
  border: 1px solid #261c15;
  border-radius: 10px;
  color: white;
}

/* increase button */

#increase, #save-btn {
  background-color: #5ea6e2;
}

/* decrease button */

#decrease {
  background-color: #e06c75;
}

/* reset button */

#reset {
  background-color: #da70d6;
}

/* Enteries */

#entries {
  font-size: 25px;
  color: #b6deff;
}

/* prev entries */

.prev {
  color: #da70d6;
}