/* Navigation Bar */
.navbar-button {
   z-index: 8;
   position: relative;
   top: 0%;
   left: 0%;
   text-align: left;
   width: 20%;
   height: 60px;
   color: rgb(255, 255, 255);
   font: 16px Fira Sans, sans-serif;
   padding-left: 0px;
   padding-right: 5px;
   flex: content;
}

/* Page Elements */
body {
   background-color: rgb(24, 24, 24);
   color: rgb(255, 255, 255);
   font: 16px Fira Sans, sans-serif;
   text-align: center;
   padding-top: 20px;
   margin-top: 200px;
   padding: 20px;
}
h1 {
   text-align: center;
}
.banner {
   z-index: 8;
   height: 120px;
   background-color: rgb(24, 24, 24);
   box-shadow: 0 0 20px rgb(0, 0, 0);
   position: fixed;
   font-family: 'Lemon', serif;
   top: 0px;
   left: 0px;
   width: 100%;
   flex: content;
}
.footer {
   height: 50px;
   justify-content: center;
   background-color: rgb(24, 24, 24);
   box-shadow: 0 0 20px rgb(0, 0, 0);
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;

}
.jg-logo {
   position: sticky;
   left: 100%;
   height: 50px;
}

.yt-logo {
   position: sticky;
   right: 100%;
   height: 50px;
}

/************ Website Pages ************/
/* index.html */
.index-content {

}
.center-table {
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   padding: 10px;
   border: 1px solid rgb(255, 255, 255);
   border-radius: 10px;
   background-color: rgb(24, 24, 24);
   box-shadow: 0 0 20px rgb(0, 0, 0);
}
.list1 {
   list-style-type: none;
   padding: 0;
   margin: 0;
   text-align: center;

}

/* contact.html */

/* signup.html */