/* Add a black background color to the top navigation */
.container {
  display: flex;
  flex-direction: column; /* stack children vertically */
  align-items: center;    /* center horizontally */
  justify-content: center; /* center vertically if needed */
  height: 100vh; /* make sure it takes full height of parent */
  text-align: center; /* center text inside inline elements */
}

.navbar {
  background-color: #000000;
  overflow: hidden;
  position: fixed;
  bottom : 0;
  width: 100%;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: right;
  color: #ffffff;
  text-align: center;
  padding: 0px 24px;
  text-decoration: none;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 18px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #ffffff;
  color: rgb(0, 0, 0);
}

/* Optional: style the container of select and form to keep them inline */
.controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Used for the header and top bar */
.text {
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
}

.text h1 {
    font-size : 120px;
}

.text h5 {
    font-size : 30px;
}