header css

html body {
  width: 100%;
  height: 100%;
  margin: 0px;
  font-family: 'Roboto', sans-serif;
}

.main-header {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #c2185b;
  padding: 0.5rem 1rem;
  z-index: 60;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}

.main-header__brand {
  color: #0e4f1f;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
}

.main-header__brand img {
  height: 50px;
}


.main-nav__items {
  list-style: none;
  padding: 0px;
  display: flex;
}

.main-nav__item {
  margin: 0 1rem;
}

.main-nav__item a {
  text-decoration: none;
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
}