body {
  background-color: black;
  color: white;
  font-family: 'Monaco', monospace;
}

#sigilContainer {
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:10;
}

svg {
  display:flex;
  align-items:center;
  justify-content: center;
  position:absolute;
  top:0;
  left:0;
}

.chat{
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  top:0;
  left:0;
  width:99%;
  height:100%;
  font-size: 90vh;
  
  
color:#ffffff;
background: transparent;
border: none;
z-index:101;
}

.chat:focus {
  outline: none;
}



/*******/

path{
  display:none;
}

#genButton {
  position: fixed;
  top:5%;
  left:50%;
  transform: translate(-50%, 0%);
  width:10%;
  align-self: center;
  white-space: pre;
  display:none
}
#markovResults {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width:100%;
  height:auto;
  font-size: 1vw;
  align-self: center;
  text-align: center;
  white-space: pre;
}