/* GENERAL STYLES ACROSS ALL PAGES */
body {
  background-image: url("stars.gif");
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;
  background-color: black;
  color: white;
  font-family: Verdana;
}

 .logo {
    width: 50%; /* 50% on main page */
    margin: 0 auto; 
    text-align: center;
    background: #00a6ff;
    background: radial-gradient(circle,rgba(0, 166, 255, 1) 0%, rgba(42, 16, 51, 0.33) 85%); 
  }
  
  /* Front Page navigation links */
  .links {
    background: #2A1033;
    margin: 5px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    border: 5px solid #000;
    border-left: none;
    border-right: none;
  }
  
  .links li {
  display: inline-block;
  margin: 10px;
  font-size: 1.2em;
}

  .links a {
  color: white;
}
.links a:visited {
  color: white; 
}
.links a:hover {
  color: #00A6FF;
}
.links a:active {
  color: #00FF19;
}

/* General Centered List container */
.centered-list {
  text-align: center; 
}

.centered-list ul {
  
  list-style-position: outside; 
  padding-left: 0; 
  display: inline-block; 
}

.centered-list li {
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}

/* Bottom of page container*/
.bottom {
  display: flex;
  align-items:center;
  justify-content:center;
  text-align: center;
  overflow-wrap:break-word;
  background: #2A1033;
    margin: 5px;
    margin-top: 10px;
    padding: 10px;
    border: 5px solid #000;
    border-left: none;
    border-right: none;
}
.bottom-element{
  flex: 1; 
    width: 100%;
    max-width: 10vw;
    height:100%;
    max-height: 10vw;
    margin: 10px; 
    padding:5px;
}


/* FRONT PAGE SPECIFIC STYLES */

/* Promotional GIF/IMG container on front page */
.promo {
 display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow-wrap: break-word;
  
}

.promo-img {
    flex: 1; 
    width: 100%;
    max-width: 70vw;
    height:100%;
    max-height: 40vw;
    margin: 10px; 
    padding:5px;
}
.promo-txt {
    width: 100%;
    max-width: 30vw;
    height:100%;
    max-height: 40vw;
    flex: 1; 
    margin: 10px;
    padding:5px;

}