html{
        display: flex;
        flex-flow: row nowrap;  
        justify-content: center;
        align-content: center;
        align-items: center;
        height:100%;
        margin: 0;
        padding: 0;
    }

    body {
        margin: 0;
        flex: 0 1 auto;
        align-self: auto;
        width: 100%;
        height: 100%;
  
    }


.audio-container {
	  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



.img-container {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);

}
	



.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
}