body{margin:0;padding:0;height:auto;background-color:#282c34;color:#fff}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#2e2e2e}*::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;border:2px solid #2e2e2e}*{scrollbar-width:thin;scrollbar-color:#555 #2e2e2e}.container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:100vh;margin:0;background-color:#282c34;color:#fff}.cartpendulum{display:flex;align-items:center;justify-content:center}.cartpendulum canvas{width:100%;height:100%}.chartContainer{display:grid;grid-template-columns:1fr;grid-template-rows:1.5fr 1fr;gap:3rem;align-items:flex-start;justify-content:center}.charts{width:100%;height:100%;padding-top:2rem;display:flex;flex-direction:column;align-items:space-betwen;justify-content:flex-end}.controlPanel{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr;justify-content:flex-start;width:100%}.sliders{display:flex;align-items:space-between;justify-content:center;gap:2rem}.controls{padding:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;justify-content:center}footer{display:flex;justify-content:center;padding:1rem;text-decoration:underline}@media (max-width: 1024px){.body{font-size:.8em}.container{max-width:100vw;height:100vw;grid-template-columns:1fr;grid-template-rows:1fr 2fr;overflow-x:hidden}.cartpendulum{max-width:100vw}.chartContainer{grid-template-columns:1fr;grid-template-rows:1fr 2fr;gap:0}.charts{padding-top:0;align-items:flex-start;justify-content:center;overflow-x:auto}.controlPanel{align-items:flex-start;grid-template-rows:1fr 1fr;max-width:100vw}.sliders{flex-direction:column;padding:0 1rem;gap:0}.controls{grid-template-columns:1fr;grid-template-rows:auto;justify-content:center}footer{flex-direction:column;align-items:center}}