.navbar
{
      background-color: #0A06B7;
      /* background-image: repeating-linear-gradient(blue, red); */
      /* background-image: repeating-linear-gradient(green, red); */
      /* background-image: repeating-linear-gradient(red, green); */
      /* background-color: #AF0601; */
      /* background-image: repeating-linear-gradient(to right, green, blue); */
      /* background-color: green; */
}

/* if screen is larger than sm, then this code runs */
@media only screen and (min-width: 576px) 
{
      .navbar
      {
            padding: 0.2rem 1rem;
      }
}

/* if screen is smaller than sm, then this code runs */
@media only screen and (max-width: 575px)
{
      .navbar
      {
            padding: 0.5rem 1rem;
      }
}

.myNavItem:hover
{
      outline: 2px solid rgb(38, 255, 0);
      border-radius: 5px;
}