header{background:var(--primary);color:white;text-align:center;font-size:clamp(.75em,5vw,2em);font-weight:700;display:flex;flex-direction:column;padding:12px 12px 0}header img{max-width:80%;max-height:15vh;padding:0 1em}#links{display:inline-flex;justify-content:center}.dropdown{--width:6em;--padding:.2em;margin:.3em .9em 0;background:var(--secondary);border-top-right-radius:.3em;border-top-left-radius:.3em;text-align:center;display:inline-flex;flex-direction:column;position:relative;z-index:100;width:var(--width);padding:var(--padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;& .dropdown-children{border-top:4px dashed var(--background);transition:max-height .3s;max-height:0;position:absolute;flex-direction:column;display:flex;background:inherit;border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;left:0;top:calc(1.5em + var(--padding));width:calc(var(--width) + var(--padding)*2);padding:0;overflow:hidden;& a{color:white;text-decoration:none!important;padding:.2em;&.active,&:hover{background:var(--primary)}}}& .dropdown-name{width:var(--width)}}.dropdown:hover .dropdown-children{max-height:10em!important}#experiments{cursor:pointer;position:absolute;font-size:.8em;top:.5em;right:.5em;& .slash{position:absolute;top:0;left:-.1em}}:root{--background:#FFF;--text:#000;--primary:#222;--secondary:#333;--accent:rgb(255,145,0);--gray:#aaa;--cyan:#00C3FF}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;background:var(--background);margin:0;width:100vw;max-width:100vw;overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column;align-items:center}.unlink{text-decoration:none;color:unset}input,select{font-size:inherit}#content{text-align:center;overflow:hidden;margin:auto auto 1em;width:100vw;flex:1 1}.tooltip-text{display:inline-block;position:absolute;background:var(--gray);color:var(--background);padding:.3em;border-radius:1em;visibility:hidden}.tooltip{cursor:pointer}.tooltip:hover .tooltip-text{visibility:visible}.cyan{color:var(--cyan)}a:hover{text-decoration:underline}.back{position:absolute;left:0;height:2em;width:auto;cursor:pointer}.back:hover{filter:invert(52%) sepia(93%) saturate(1622%) hue-rotate(159deg) brightness(102%) contrast(108%)}.hide{display:none!important}.error{display:inline-block;padding:.5em;font-size:1.1em;border-radius:3em;color:red;border:2px dashed red;background:rgb(255,213,213)}body.blur :not(#errorBox){opacity:.4}.underlined{text-decoration:underline}form,ul{display:inline-grid}.formulas{display:flex;justify-content:center;padding:4px}#formula-result,.formulas form{padding:1em;border:var(--primary) dashed;margin:12px 1em}li{text-align:left}.shadow-box{box-shadow:var(--gray) 0 0 1em .1em;border-radius:.5em;margin:.5em}input[type=checkbox]{height:1em;width:1em}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;height:1.5em;padding:0;width:1.5em;margin:.2em;outline:none!important}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0;border-radius:.2em}::-moz-color-swatch,::-moz-focus-inner{border:0;border-radius:.2em}::-moz-focus-inner{padding:0}.align-between{display:inline-flex;justify-content:space-between;width:90vw;align-items:center}button{outline:0;border-radius:.2em;font-size:1em;background:#444;color:var(--background);cursor:pointer;padding:.3em;border:0;box-sizing:border-box;box-shadow:.1em .1em 0 .2em var(--secondary);transition:all .1s;margin:0 .5em;&:active{box-shadow:0 0 0 .1em var(--secondary);transform:translate(.1em,.1em)}}.accent-hover{cursor:pointer;&:hover{color:var(--accent)}}canvas{touch-action:none}