.beginner-top-bar {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: var(--bg-color);
}

.beginner-top-bar:hover {
  background-color: var(--hover-color);
}

.beginner-top-bar:active {
  background-color: var(--active-color);
}