*{--background-color: #000000;--foreground-color-1: #ffffff;--foreground-color-2: rgb(241, 203, 33);--button-color-off: #ff0000;--button-color-on: #00ff00;--button-color-default: #4b4b4b;--font-family-default: "Vazir", sans-serif}body,html{background-color:var(--background-color);color:var(--foreground-color-1);font-family:var(--font-family-default);min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--background-color);margin:0}h1{font-size:60px;margin:60px}h2{font-size:60px}.start-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.name-input{margin:80px;padding:20px;font-size:20px;font-family:var(--font-family-default);width:600px;border:none;border-bottom:.5px solid var(--foreground-color-2);background-color:var(--background-color);color:var(--foreground-color-1);text-align:center;outline:none}.start-button{padding:20px;width:200px;margin:80px;background-color:var(--button-color-default);font-family:var(--font-family-default);color:var(--foreground-color-1);border:none;border-radius:10px;cursor:pointer}.container-reaction-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:150px}.reaction-row{display:flex;flex-direction:row;gap:150px}.reaction-button{border-radius:50%;height:200px;width:200px;background-color:var(--button-color-off);border:none;cursor:pointer}.reaction-button.active{background-color:var(--button-color-on)}.results-container{width:100%;margin-top:0;margin-bottom:100px}.columns{display:flex;flex-direction:row;justify-content:center;gap:100px}.chart-container{width:600px;height:300px}.table-container{min-width:200px}.table-container table{width:100%;border-collapse:collapse;font-size:1.1rem;box-shadow:0 2px 8px #00000026}.table-container th,.table-container td{border:1px solid #333;padding:10px 18px;text-align:center}.table-container th{color:var(--foreground-color-2);font-weight:700}.back-button{padding:20px;width:200px;background-color:var(--button-color-default);color:var(--foreground-color-1);border:none;border-radius:10px;cursor:pointer}.footer-copyright{position:fixed;left:0;bottom:20px;width:100%;text-align:center;color:var(--button-color-default);font-size:14px;z-index:100}