@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap";*{box-sizing:border-box}body{width:100%;position:absolute;padding:0;margin:0;box-sizing:border-box;font-family:IBM Plex Sans,sans-serif}.centered{align-self:center}h1{font-family:IBM Plex Sans,sans-serif;font-size:23px;font-weight:480;align-self:flex-start}section{display:flex;width:100%;flex-direction:column;margin-bottom:20px}h2{font-family:IBM Plex Sans,sans-serif;font-size:18px;font-weight:450;font-style:italic;align-self:flex-start;margin-bottom:0}p{font-size:16.5px;line-height:1.6;font-family:IBM Plex Sans,sans-serif;text-align:justify;text-indent:2em}.light{background-color:#fff;color:#222}.light a{color:#222}.dark a{color:#989182}a{text-decoration:none}a:hover{text-decoration:underline}.dark{background-color:#121212;color:#e2e0d8}button{font-family:IBM Plex Sans,sans-serif;padding:4px 8px;cursor:pointer;transition:background .2s}.mainCont{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:4vh 15vw;min-height:100vh}@media (max-width: 768px){.mainCont{padding:4vh 15px}}ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;align-self:center}.grid li{list-style-type:none}.themeButton{position:fixed;top:20px;right:20px;z-index:1000;background-color:transparent;border:0px}.lghtBtn{border:1px solid #aaa;background:#fdf9f9}.light .highlight{border:1px solid #aaa;background:#ffeaea}.lghtBtn:hover{background:#e0dcdc}.drkBtn{border:1px solid #555;background:#333;color:#fff}.dark .highlight{border:1px solid #aaa;background:#503d3d}.drkBtn:hover{background:#555}.info_page{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;width:100%;padding-bottom:5rem}.config-para-text-container{padding:4vh 15vw}@media (max-width: 768px){.config-para-text-container{padding:4vh 15px}}.config-para-text-container h3{text-decoration:underline;font-weight:400}.config-para-text-container p{text-indent:0%}@media (max-width: 768px){.footer{margin-top:40px}}footer{align-self:center;margin-top:70px;display:flex;margin-bottom:5px;width:100%;justify-content:center;align-items:center;flex-direction:column;gap:0px}footer p{text-indent:0%;margin-top:0;font-size:15px;margin-bottom:0;padding-bottom:0}.info_page .body-name{font-size:1.5rem;font-weight:700;font-family:inherit;border:none;outline:none;background:transparent}.info_page .simulation-settings{display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin-top:1.5rem}.info_page .run-config-button{margin-top:1.5rem;padding:.5rem 1rem;font-size:1rem;border-radius:8px;border:1px solid;margin-bottom:2rem;cursor:pointer}.info_page h1{font-style:normal;margin-top:2rem;margin-bottom:0rem;align-self:center}.info_page p{margin-top:.5rem;margin-bottom:0rem;align-self:center}.info_page button{background:transparent;border:0px}.info_page .back_button{position:absolute;top:20px;left:20px;z-index:10}.dark .config-page-button,.dark .run-config-button{border:1px solid #555;background:#333;color:#fff}.dark .info_page .back_button{color:#fff}.dark .config-page-button:hover,.dark .run-config-button:hover{background:#555}.light .config-page-button,.light .run-config-button{border:1px solid #aaa;background:#fdf9f9;color:#000}.light .config-page-button:hover,.light .run-config-button:hover{background:#e0dcdc}.simCont{background-color:transparent;position:relative;width:100vw;height:100vh;overflow:hidden}.simCont .canvas{width:100%;height:100%;position:relative}.simCont .canvas .bg-canvas,.simCont .canvas .main-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.simCont .config-page-button{position:absolute;top:20px;left:20px;z-index:10}.config-card{align-self:center;border-radius:12px;padding-left:1rem;padding-right:1rem;max-width:500px;overflow:scroll}.config-title-input{font-size:1.2rem;font-weight:700;width:100%;background:transparent;margin-bottom:.5rem}.dark .body-name{color:#5b5b5b;background:transparent;border:none;outline:none;font-family:inherit}.light .body-name{color:#2e2929}.body-list{display:flex;flex-direction:row}.body-item{border-radius:8px;padding:.75rem;margin-top:.5rem}.body-item label{display:block;margin:.25rem 0}.body-item input{width:100%;background:transparent;color:inherit;caret-color:currentColor}.body-item input::placeholder,.body-name::placeholder{color:#fff9}.light .body-item input::placeholder,.light .body-name::placeholder{color:#18151599}
