html, body {
  font-family:arial,sans-serif;
}

.bg {
  z-index:-1;
  position:fixed;
  left:0; top:0;
  height:100vh; width:100vw;
  
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;

  opacity:0;
  animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

div.header {
  background-color: rgba(0, 0, 0, 0.4);
}

div.header div .header-right {
  color:#A7C0FF; 
  text-shadow: Grey 1px 1px; 
}

em {
  font-style: normal;
  color: #53B897;
}

div.main-content {
  background-color: rgba(0, 0, 0, 0.4);
  color:#FFFFFF;
}

div.main-content a {
  color:#cad6f7; 
}

li {
  margin: 0 0 10px 0;
}

div.footer {
  position:fixed; bottom:0;
  left:50%; transform: translateX(-50%);
  padding: 5px;
}

button.ml {
  background-color: lightGrey;
}

div.ml {
  position:fixed; bottom:0;
  left:50%; transform: translateX(-50%);
  width: max-content;
  
  background-color: lightGrey;
  text-align: center;
  font-family:arial,sans-serif;
  color:#A7C0DE; 
  text-shadow: DarkGrey 1px 1px; 
}

.popover {
  max-width: none;
  width: 90%; /* Max Width of the popover (depending on the container!) */
}