body, html {
  height: 100%;
  margin: 0;
  font-family: 'Encode Sans', sans-serif;
}

.bg {
  /* The image used */
  /* background-image: url("/images/DataSources.png"); */

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
}

.grid-container {
  display: grid;
  grid-template-columns: 160px 160px 160px; /*Make the grid smaller than the container*/
  gap: 10px;
  background-color: #FFF;
  padding: 10px;
  justify-content: center;
}
.grid-container > div {
  display: block;
  background-color: #000;
  color: #FFF;
  padding: 20px;
  font-size: 1.36em;
  text-align: center;
}	

#container { border:1px solid #003366; width:90%; margin:0 auto; overflow-y:hidden; }
#content { width:100%; color:#000000; overflow-y:hidden; opacity:1.0 !important; }
#main-content { width:100%; margin-top:25px; }
.header-image { display:flex; justify-content:center; align-items:center; }
.navbar { float:left; width:250px; border:1px solid #red; }
.central-content { float:left; width:900px; }
.header { font-size:5em; font-family:"Orbitron", sans-serif; font-optical-sizing:auto; font-weight:600 ; }
.description { font-size:1.16em; font-family:"Orbitron", sans-serif; font-optical-sizing:auto; font-weight:400; line-height:1.5; }

.form-group { margin:7px; text-align:left; }
.form-group label {  }
.form-group input { padding:4px 7.5px; width:250px; border:1px solid #123456; border-radius:0.25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-group .btn { padding:10px; width:150px; }