.navbar {
     display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around;
  background-color: rgba(231, 76, 60, 0.8);
  position: fixed; /* Set the navbar to fixed position */
  bottom: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */ 
  border-radius: 5px;
z-index: 10;
padding: 5px;
font-weight: 700;
}

/* Links inside the navbar */
.navbar a {color: #f2f2f2;   text-decoration: none; }
/* Change background on mouse-over */
.navbar a:hover { background: #ddd; color: black;}