header {
   margin-bottom: 10px;
}

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--color-bg-header);
  width: 100%;
}

header ul li {
  float: left;
}

header ul li * {
  display: block;
  color: var(--color-txt);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

header ul li i {
    margin: 4px 0;
}

header ul li:hover {
  background-color: var(--color-bg);
}

header ul li *:hover {
   text-decoration: none;
   color: var(--color-txt);
}

header p {
   margin: 0;
}

input.form-control.wrong {
   background-color: var(--color-wrong);
}