div {
  white-space: nowrap;

}

.navbar {
   display: flex;
   justify-content: flex-end;
   aligh-items: flex-end;   
   column-gap: 1em;
   row-gap: 1em;
   padding-right: 28px;
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0; 
   -webkit-backdrop-filter: blur(2px);   
   backdrop-filter: blur:(2px);
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.18);   
   box-shadow: 0 4px 32px 0, rgba(0,0,0,0.37);
} 

.logo {
   margin-right: auto;
   height: 30px;
   padding-top: 1px;
}

.logo a {
   font-size: 21px;
   font-weight: 100;  
   color: #f8f8f8;
   padding-left: 16px;
   vertical-align: baseline;
   margin: 0;
}

.logo a:link, a:visited, a:hover, a:active {
   background-color: clear;
   padding: 3px 25px;
   text-align: center; 
   text-decoration: none;
   display: inline-block;
}

body{
   font-family: Arial, Helvetica, sans-serif;
   background-color:black;  
   background-image: url("images/RDMConsoleBanner1.png");  
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
}

ul {
   margin: 8;
   padding: 0;
   list-style-type: none; <!-- removes bullets -->  
   overflow: hidden;
}

li {
   display: inline;
}

a {
   display: block;
   padding: 0px;
   padding-top: 8px;
}

.footer {
   text-align: center;
   color: #F2E7D0;
   margin: 8px;   
   padding: 4px 4px;
   justify-content: center;
   font-size: 16px;
   border: none;
   border-radius: 8px;

   position: fixed;
   bottom: 0;
   width: 100%;
}

<!--
      Below is the container for the email entry container
-->

label {
  color: #E09D00;
}

/* Full-width input fields */
input[type=text], input[type=password] {
  width: 256px;
  padding: 8px;
  margin; 4px;
  display: inline-block;

   background:#fdfbf7;
<!--  background: #f1f1f1; --> 
  border: none;
  border-radius: 25px;
  font-size: 12px;
}

input[type=text]:focus, input[type=password]:focus {
   background-color:#f8f8f8;
  outline: none;
}

/* Set a style for all buttons */
button {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px; 
   font-weight: bold;
   color: #f8f8f8;
   padding: 8px;
   margin: 4px;
   border: none;
   cursor: pointer;
   opacity: 0.9;
   border-radius: 25px;
}

button:hover {
  opacity:1;
}

/* Float cancel and signup buttons and add an equal width */
.signupbtn {
  width: 96px;
}

/* Add padding to container elements */
.container {
   padding: 0;
   text-align: center;
   -webkit-backdrop-filter: blur(2px);   
   backdrop-filter: blur:(2px);
   border-radius: 25px;   
   width: 384px;
   /* Center horizontally*/
   margin: 0 auto;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
  .signupbtn {
     width: 64px;
  }
}