:root {
  --main: rgb(0, 255, 255); 
  --subtext: rgb(255,255,255);
  --bg: rgb(2, 0, 8);
  --subbg: rgb(51, 51, 51);
  --bghover: rgb(17, 17, 17);

}
body {
  background-color: var(--bg);
  color: var(--main);
}
ul.navbar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--main);
background-color: var(--subbg);
width: 100%;
display: flex;
align-items: center;
}

ul.navbar li {
border-left: 1px solid var(--main);
}

ul.navbar li a {
display: block;
color: var(--subtext);
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

ul.navbar li.flex-item {
flex-grow: 1;
}

ul.navbar li.flex-item img {
width: 100%;
display: block;
}

li a:hover {
background-color: var(--bghover);
}

ul.navbar li:last-child {
border-right: none;
border-left: 1px solid var(--main);
}