.gg-header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  background: linear-gradient(#251d1d99 0%, #696970 25%, #74707c 50%, #4e4a56 75%, #000000 100%);

}

a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}

.logo {
  width: 100%;
  height: 90%;
  margin-left: -14%;
}

.logo-box {
  width: 25%;
  height: 100%;
  align-items: center;
}

.gap-box {
  width: 35%;
  height: 100%;
  align-items: center;
}

.menu-box {
  width: 35%;
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.login-box {
  width: 10%;
  height: 100%;
  align-items: center;
  display:flex;
  cursor: pointer;
}

.menu-item {
  color: white;
  padding-left: 6%;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: arial-black;
}

.login-img{
   width: 30px;
   height: 30px;
   padding-left: 50%;
   cursor: pointer;
}