*{font-family:sans-serif;padding:0;margin:0}body{background-color:#e3e3e3;width:100vw;height:100vh}a{color:inherit;text-decoration:none}.main-div{display:grid;grid-template-columns:80% 20%;grid-template-rows:50px auto 50px;width:100vw;height:100vh}.heading{grid-column:1 / span 2;grid-row:1 / span 1;text-align:center;margin:auto}.tpg-canvas{display:block;width:1200px;max-width:min(80%,calc(100vw - 100px));max-height:min(80%,calc(100vh - 100px));margin:auto;grid-column:1 / span 1;grid-row:2 / span 1;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.chat-container{display:flex;flex-direction:column;padding:20px}.chat-input-form{display:flex;margin-top:auto;grid-column:2 / span 1;grid-row:2 / span 1}.chat-input-text{width:80%}.chat-input-button{width:20%}.version-number{grid-column:1 / span 2;grid-row:3 / span 1;text-align:center;margin:auto;font-weight:700;font-style:italic;color:gray;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}