/** TEST CSS **/
html, body {
  height: 100%;
  margin: 0;
  padding: 5px 5px 5px 5px;
  background: black url('background-green-grid.png') no-repeat center top;
  background-size: cover;
  font-family: "Lucida Console", "Courier New", monospace;
  color: green;
}
 h1{
     padding: 0em 0em 0em 1em;
 }

body a:link    { color: green; }
body a:visited { color: green; }
body a:hover   { color: yellow; }
body a:active  { color: red; }

main{
    display: flex;
    justify-content: center;
    gap: 20px;
}


.side-panel{
  width: 300px;
  height: 550px;
  padding: 5px 5px 5px 1em; 
  overflow-y: auto;            /* vertical scroll if needed */
  background-color: rgba(0,0,0,0.8);
  border: 4px solid green;
  float: left;
  clear: left;

}

.side-panel-left{
  width: 300px;
  height: 550px;
  padding: 5px 5px 5px 1em; /* left padding for numbers */
  overflow-y: auto;            /* vertical scroll if needed */
  background-color: rgba(0,0,0,0.8);
  border: 4px solid green;
  float: none;
  clear: none;

}

iframe {
  width: 900px;
  height: 550px;
  padding: 20px 20px 20px 1em; 
  overflow-y: auto;            /* vertical scroll if needed */
  background-color: rgba(0,0,0,0.8);
  border: 4px solid green;
  box-shadow: 8px 8px 0 #555;
  line-height: 1.4;
  float: none;
  clear: none;
    
}


 pre {
 font-size: 16px !important;
 }