html, body {
  margin: 0;
  padding:0;
  font-family:"andale mono", "courier new";
  font-weight:"lighter";
  font-size: 15px;
  line-height: 1.6;
}

h6{
  font-family:"courier new";
  font-size: 10px;
  font-weight:normal;
}

h1{
  margin-top:0.5em;
  margin-right:0px;
  margin-bottom:10px;
  font-family:"courier new";
  font-weight:lighter;
  font-size:60px;
  line-height:1;
  color:#eee;
}

h2{
  margin-top:0.5em;
  margin-left:0px;
  margin-bottom:10px;
  font-family:"courier new";
  font-weight:lighter;
  font-size:60px;
  line-height:1;
  color:#5D5F7;
}

h3{
  font-family:"andale mono", "courier new";
  color: #fff;
  font-weight:normal;
  font-size:18px;
  background:#888;
  text-align:center;
  padding-top:10px;
  padding-bottom:5px;
}

b{
  color:#59CD90;
}

h7{
  margin:0;
  font-weight:normal;
  font-size:12px;
/*   margin-top:-20px; */
}

h8{
  font-weight:normal;
  font-size:13px;
}

canvas {
  display: block;
  z-index:2;
  position:fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.row {
  display: flex;
}

.columnleft {
  flex: 50%;
  height: 100vh;
  overflow-y: scroll;
  text-align:right;
  color:#DED6D6;
  top:0px;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:30px;
  padding-right:100px;
  z-index:1;
}

.columnright {
  flex: 50%;
  height: 100vh;
  overflow-y: scroll;
  text-align:left;
  color:#333;
  top:0px;
  padding-top:30px;
  padding-bottom:30px;
  padding-right:30px;
  padding-left:100px;
  z-index:1;
}

a{
  color:#FF54AC;
}

.button{
font-size:18px; 
border:none; 
border-radius:2px;
  padding:15px;
  color:#fff;
  background:#FF54AC;
  font-family: "andale mono", "Courier New";
  margin: auto;
  width:300px;
}

button:hover{
  background:#888;
  color:#fff;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}