html {
	background: transparent;
	height: 100%;
}

body {
  color: transparent;
  background-color: transparent;
  font-family: sans-serif;
  overflow: hidden;

  display: flex;
  justify-content: center;
  align-items: center;

  --bodymargin: 1vh;
  --wContent: calc(100vw - 2*var(--bodymargin));
  --hContent: calc(100vh - 2*var(--bodymargin));
  margin: 0;
  padding: 0;
  height: 100vh;
}

.container {
  height: 100vh;
  width: 100vw;
  padding: 0rem;
}

.container svg {
  width: 100%;
  height:100%;
  aspect-ratio: 1;
  shape-rendering: geometricprecision;
  /* smoth curve edges */

}