body {
 background-color: #000000;
 overflow: hidden;
 text-align:center;
  display: flex;
  align-items: center;
  justify-content: center; 
  height: 100svh;
}

body,
html {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
}

body > div {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

#mainSVG {
 width: 100%;
 height: 100%;
 min-width: 50vw;
 visibility: hidden;
 
}

.ell, #ai {
	fill: none;
}

#logo {
  display: block;
  fill: #fff;
  width: 50%;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  body > div {
    width: 100vw;
  }
  
  #mainSVG {
    width: 100vw;
    min-width: 100vw;
    height: auto;
  }
  
  #logo {
    width: 80%;
  }
}