@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

html,
body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}

.container {
  display: flex;
  height: 100vh;
}

#renderCanvas {
  width: 100%;
  height: 100%;
  touch-action: none;
}

#info {
  position: absolute;
  left: 224px;
  bottom: 34px;
  width: 460px;
  color: #e3e3e3;
}

aside {
  width: 180px;
  background-color: black;
  color: rgb(128, 141, 144);
}
aside h3, h4 {
  margin-left: 24px;
}
ul li {
  list-style: none;
  margin-bottom: 8px;
  margin-left: -14px;
  font-size: 90%;
}

a {
  color: rgb(128, 141, 144);
  text-decoration: none; 
}
a:hover {
  color: white;
}
a:visited {
  color: rgb(128, 141, 144);
}