navbar.css

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html,body {
  height: 100%;
  width: 100%;
  margin:0;
}

* {font-family:'Lato',sans-serif;}

.navbar {
  background:gray;
  width:100%;
  height:7%;
  display:flex;
  flex-direction:row;
}

.navbar .item {
  width:max-content;
  height:100%;
  padding:0 10px;
  align-content:center;
  color:white;
  margin-right:10px;
  font-size:25pt;
  cursor:pointer;
  border-radius:50px;
  text-decoration:none;
  transition:background 0.3s ease;
}

.navbar .item:hover {
  background:dodgerblue;
}

.navbar .item.pushRight {
  margin-left:auto;
}