.bg {
  z-index:1; position:absolute;
  left:0; top:0;
  height:100%; width:100%;
  opacity:0;
  
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  animation: fadein 2s;
}

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

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

div.title {
  z-index:2; position:relative;	
  width: 75%;
  margin: auto; /* align center */
  background-color: rgba(0, 0, 0, 0.4);
}

h1 {
 /* width: max-content;*/
  text-align: center;

  color:#A7C0FF; 
  text-shadow: Grey 1px 1px; 
}

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

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

button.ml {
  background-color: lightGrey;
}

div.ml {
  z-index:2;
  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; 
}