#app {
  max-width: 1280px;
  margin: 0 auto;
}


.hidden{visibility:hidden;}
body {font-family: "Arial","Helvetica", "sans-serif";}
h1 {
  margin = 5px;
  border-bottom : 1px solid gray;
  padding-bottom : 10px;
	
}
#container {display:flex;}
.left_column{position:relative;padding-right: 10px;}
.avatar{
  width : 200px;
  margin :5px;
}
#monitor {
  position: absolute;
  bottom :11px;
  left : 8px;
  width : 4px;
  height : 4px;
  background-color : darkgreen/*black*/;
  border: 2px solid white;
  border-radius:2px;
  opacity: 0.7;
}
#answer {
  padding-top : 5px;
  margin-top : 5px;
  height : 272px;
  overflow-y : auto;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  padding-left: 5px;
}
.right_column {display:none;}
.message.past{display:none;}
#answer>div:nth-child(odd){color: blue;}
#answer>div:nth-child(even){color: darkblue;}
#answer>div.message:nth-last-child(6) {opacity: 0.5;color: gray;}
#answer>div.message:nth-last-child(5) {opacity: 0.5;color: gray;}
#answer>div.message:nth-last-child(4) {opacity: 0.7;}
#answer>div.message:nth-last-child(3) {opacity: 0.7;}
#answer>div.message:nth-last-child(2) {font-size: 1.5em;}
#answer>div.message:nth-last-child(1) {font-size: 1.5em;}
#answer>div.message.start{font-weight:bold;color:darkblue;opacity: 1.0;font-size: 1em;}
#layout{height: 100hv;}
footer{position:absolute; bottom: 10px;}
/*$vite$:1*/