html,body,#svg-container
{
  height:100%;
  font-family: "Quicksand", sans-serif;
  padding: 0;
  margin: 0;
}

#header
{
  min-height: 50px; 
  width: 100vw;
  min-height: 50px; 
  height: 50 px;
  max-height: 50px; 
}

#main
{
  display: flex;
  align-items: center;
  height: calc(100vh - 100px); 
  margin: auto;
  width: calc(min(40vw, 100vh - 200px));
  min-height: calc(100vh - 100px); 
}

#main svg
{
  display: block;
  margin: auto;
  width: 100%;
  /*max-height: 100%;*/
  max-height: calc(100vh - 100px); 
}


#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px; /* replace with actual footer height */
  min-height: 50px; 
  max-height: 50px; 
  text-align: center;
  font-size: 0.5em;
}

#footer a 
{ 
  color: #000000;
  text-decoration: none;
}

#footer a:hover
{ 
  color: #000000;
  text-decoration: underline;
}