body{--margin: 4px;background-color:#000000;border:3px double #cccccc;color:#5bc236;font-family:Courier;margin:var(--margin, 0);min-height:calc(100vh - 2 * var(--margin, 0));padding:24px}body.traditional-layout{display:grid;grid-template-rows:min-content auto;row-gap:2em}.chatlog{font:15px Courier;color:#5bc236;background-color:#000000}.chatlog1{font:15px Courier;color:#5bc236;background-color:#000000}.chatlog2{font:15px Courier;color:#5bc236;background-color:#000000}#chatbox{font:17px Courier;color:#5bc236;background-color:#000000;height:22px;width:100%}.main-grid-container{display:grid;align-content:center;grid-template-columns:1fr minmax(10rem, 45rem) 1fr}.main-grid-container>*{grid-column:2}section#logo{height:90vh;margin-bottom:10vh;margin-top:calc(var(--margin, 0) * -8);scroll-snap-align:start;text-align:center;display:flex;flex-direction:column;justify-content:center;row-gap:10vh}section#logo .ASCIIart{line-height:normal;font-family:monospace}section#mainframe{min-height:95vh;scroll-snap-align:start}@media (min-width: 48em){section#logo{min-height:100vh}section#mainframe{margin-bottom:-3vh;min-height:100vh}}section#mainframe #instruct{margin-bottom:2rem;text-align:center}section#mainframe #mainframe{border:3px solid #5bc236;border-radius:15px;margin-top:20px;margin-bottom:20px;margin:auto;padding:8px 16px 16px;width:100%}section#navigation nav{display:flex;justify-content:space-around}section#navigation nav a,section#navigation nav a:visited{color:inherit}ul{padding-left:1rem}ul li .query{text-decoration:underline}