body{letter-spacing:.18px;color:#6b6375;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;margin:0;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{color:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}p{margin:0}code,.counter{color:#08060d;border-radius:4px;font-family:ui-monospace,Consolas,monospace;display:inline-flex}code{background-color:#f4f3ec;padding:4px 8px;font-size:15px;line-height:135%}select{color:#fff;background:#000;border:1px solid #fff;border-radius:10px;margin-bottom:15px;padding:5px;font-size:20px}header{z-index:1000;background:#0f0f0f;flex-direction:row;justify-content:space-around;width:100%;height:80px;margin:0;padding:10px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 15px #fff3,0 8px 30px #ffffff1a}#headerList{flex-direction:row;list-style:none;display:flex}#feedHolder{flex-direction:row;justify-content:center;display:flex}#feedback{color:#fff;border:1px solid #fff;border-radius:10px;margin-top:25px;padding:20px}#questionProgram{color:#fff;flex-direction:row;justify-self:center;align-items:center;max-width:800px;margin-bottom:15px;display:flex}.headerLinks:hover{cursor:pointer;background-color:#2d2d2d;border-color:#838383}.headerLinks,.footerLinks{color:#fff;background-color:#1c1c1c;border:1px solid #525252;border-radius:8px;width:250px;margin:0 20px;padding:10px 20px;font-size:15px;text-decoration:none;transition:all .3s}button{color:#fff;background-color:#1c1c1c;border:1px solid #525252;border-radius:8px;width:250px;margin:10px;padding:10px 20px;font-size:15px;transition:all .3s}button:hover{cursor:pointer;background-color:#2a2a2a;border-color:#888}#buttonDiv{flex-direction:row;justify-content:center;display:flex}footer{z-index:1000;background:#0f0f0f;border-top:1px solid #ffffff1a;flex-direction:row;justify-content:space-around;width:100%;margin:30px 0 0;padding:10px;display:flex;position:fixed;bottom:0;left:0}#PPLINK:hover,#git:hover{opacity:.5}#PP{color:#fff;background:#141414;border:1px solid #ffffff80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:65%;max-width:600px;min-height:300px;margin:30px auto;padding:20px;display:flex;box-shadow:0 4px 20px #fff3}body{padding-top:100px}a:visited,a:active,a:link{color:#fff;transition:all .5s}.bQ{color:#bebebe;background-color:#0f0f0f;border:1px solid #fff;border-radius:10px;margin:20px 30px;padding:10px 5px;font-size:14px}pre{color:#fff!important}nav{display:none}#f3{margin:0 autos;grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-top:30px;padding:20px;display:grid}#choice{flex-direction:column;display:flex}#imgHead{width:850px;height:auto}@media (width<=1000px){.bQ{width:75%;font-size:10px!important}#f3{flex-direction:column;display:flex}header ul li{font-size:13px}#imgHead{width:75%;height:50%}nav{z-index:1000;background-color:#0f0f0f;flex-direction:row;justify-content:center;align-items:center;width:100%;height:70px;margin-bottom:0;padding:10px 15px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #fff}.headerLinks,.footerLinks{white-space:nowrap;text-align:center;width:auto;min-width:100px;margin:0 5px;padding:5px;font-size:12px}#navTitle{color:#fff;margin-right:0;padding:0}header{display:none}#buttonDiv{flex-direction:column;justify-content:center;align-items:center;margin:5px;display:flex}#questionProgram{width:75%;margin:0 auto auto;font-size:12px}footer{border-top:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;height:auto;padding:10px 0;position:relative;box-shadow:0 2px 10px #ffffff1a}#PPLINK,#git{margin:10px}body{overflow-y:auto}.footerLinks{width:100px;font-size:10px}#links{flex-direction:row;display:flex}#copy{font-size:10px}#editor{height:30vh;min-height:200px;max-height:400px}#PP{font-size:13px}}