github navbar

styles.css

.wrapper {
  width: 900px;
  margin: auto;
}

ul {
  padding: 0;
  list-style: none;
}

input {
  outline: none;
}

.github {
  display: flex;
  background-color: #24292E;
  padding: 10px;
  align-items: center;
}

.github li {
  color: rgba(255,255,255,0.75);
  font-weight: 600;
  padding: 5px 7px;
  transition: color .3s ease-in-out;
}

.github li:hover {
  color: rgba(255,255,255,1);
}

.github input {
  padding: 5px;
  border-radius: 3px;
  border: 0px;
  background-color: #3F4448;
  color: #fff;
}

.github input:focus {
  background-color: #4B4F53;
}

.github .fa + .fa {
  margin-left: 3px;
}

.github .github__brand {
  color: #fff;
}

.github__notification {
  margin-left: auto;
}