header {
  background-color: transparent;
  display: flex;
  width: 95%;
  background-color: rgb(0, 76, 255);
  padding: 0 10px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  height: 80px;
  border-radius: 25px;
  box-shadow:  0px 0px 100px black;
  margin-top: 10px;

}
header div,
header nav ul {
  display: flex;
  list-style: none;
  align-items: center;
  height: 100%;
}
header div {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 20px;
  color: rgb(180, 211, 0);
}
header nav ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
header nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 25%;
}
header nav li a {
  display: block;
  height: 80%;
  width: 90%;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(29, 29, 29);
  color: white;
  transition: 0.25s;
  cursor: pointer;
}
header nav li a:hover {
  background-color: rgb(212, 160, 23);
}
header nav {
  flex: 3;
  height: 100%;
}
header img {
  width: 75px;
  border-radius: 50%;
}
a{
  text-decoration: none;
}