.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

}

.navbar a:hover {
  background: #ddd;
  color: black;
}

.navbar {
    background-image: linear-gradient(to left, #0f172a, #64748b); 
    color: #eff6ff;     
}

body {
    background-image: linear-gradient(to left, #0f172a, #64748b); 
    color: #eff6ff;    
}