:root{--pf-c-black:#000;--pf-c-white:#fff;--pf-c-dark-gray:#2c3e50;--pf-c-cream:#faf8e6;--pf-c-semi-transparent-grey:rgba(0,0,0,.5);--pf-text-large-font-size:1em;--pf-text-medium-font-size:0.8em;--pf-text-small-font-size:0.6em;--color-overlay:var(--pf-c-semi-transparent-grey);--color-background:var(--pf-c-white);--color-second-background:var(--pf-c-white);--color-text:var(--pf-c-black);--color-secondary-text:var(--pf-c-dark-gray);--color-negative-background:var(--pf-c-black);--color-negative-text:var(--pf-c-white)}@media (prefers-color-scheme:dark){:root{--color-background:var(--pf-c-dark-gray);--color-text:var(--pf-c-white)}}body{color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.pf-text-large{font-size:var(--pf-text-large-font-size)}.pf-text-medium{font-size:var(--pf-text-medium-font-size)}.pf-text-small{font-size:var(--pf-text-small-font-size)}#app{max-width:1280px;margin:auto auto;padding:5px;font-weight:400}@media (min-width:650px){#app{width:640px;margin:auto auto;padding:2rem;font-weight:400}}.green,a{text-decoration:none;color:#6494aa;transition:.4s}@media (hover:hover){a:hover{background-color:rgba(0,189,126,.2)}}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:var(--pf-c-dark-gray);color:#fff;text-align:center;border-radius:10px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}#snackbar.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.pf-tabs{display:grid;grid-template-columns:120px 120px;grid-gap:10px;width:100%}.pf-tab{border-top-left-radius:10px;border-top-right-radius:10px;text-align:center}.pf-tab-selected{background-color:var(--color-negative-background);color:var(--color-negative-text)}.pf-tab-inactive{background-color:var(--color-background);color:var(--color-text)}.navbar{text-align:left;padding:10px}.navbar Div{padding:10px;background-color:#fff}.main{grid-area:main;height:100%}.mainContainer{background-color:#fff;height:100%;grid-template:"navigation" "main"}body,html{margin:0;padding:0;height:100%;font-size:100%;font-family:Poppins,sans-serif}.navigation-link{font-size:2em}.input-text{letter-spacing:.15em;font-family:monospace;display:inline-block;width:100%;font-size:25px}.interaction-form{width:100%;height:100%;margin:auto auto;display:grid;grid-template:"text text" "input input"}.interaction-input{grid-area:input;width:80%;margin:auto auto}.interaction-text{grid-area:text;letter-spacing:.15em;font-family:monospace;display:inline-block;width:100%;height:580px;overflow-y:scroll;font-size:15px}