*{padding:0;margin:0;font-family:League Spartan,sans-serif}body{background-color:#3a4764}.container{margin:5% auto;max-width:480px;border-radius:10px;padding:0 15px}header{display:flex;align-items:center;justify-content:center;color:#fff;padding-bottom:20px}.theme{display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:14px}.toggle-container{margin-left:20px}.grid-output{background-color:#182034;font-size:50px;text-align:end;color:#fff;padding:30px;width:87.5%;margin-bottom:20px;border-radius:8px;outline:none;border:none}.grid-container{background-color:#232c43;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;padding:15px;border-radius:8px}.grid-container button{font-weight:700}.grid-item{margin:0;border-radius:8px;font-size:32px;border:none;cursor:pointer}.reset{grid-column:1/3}.equals{grid-column:3/5;background-color:#d03f2f;color:#fff;box-shadow:0 3px #93261a}.light{background-color:#637097;color:#fff;box-shadow:0 3px #404e72}.dark{background-color:#eae3dc;color:#444b5a;box-shadow:0 3px #b4a597}.tri-state-toggle,.toggle-state-numbers{justify-content:flex-end;color:#fff;display:flex}.theme1::placeholder{color:#fff}.grid-output.theme1{background-color:#182034}.grid-container.theme1{background-color:#232c43;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;padding:15px;border-radius:8px}.grid-item.theme1{background-color:#eae3dc;color:#444b5a;box-shadow:0 4px #b4a597}.equals.theme1{background-color:#d03f2f;color:#fff;box-shadow:0 4px #93261a}.light.theme1{background-color:#637097;box-shadow:0 4px #404e72;color:#eae3dc}.dark-text.theme1{color:#444b5a}.white-text.theme1{color:#fff}.theme2 ::placeholder{color:#35352c}.theme2 header{color:#35352c}.grid-container.theme2{background-color:#d1cccc;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;padding:15px;border-radius:8px}.grid-output.theme2{background-color:#ededed;color:#35352c}.grid-item.theme2{background-color:#e5e4e1;color:#35352c;box-shadow:0 4px #a69d91}.equals.theme2{background-color:#ca5502;color:#fff;box-shadow:0 4px #893901}.light.theme2{background-color:#377f86;box-shadow:0 4px #1b5f65;color:#fff}.dark-text.theme2{color:#35352c}.white-text.theme2{color:#fff}.theme3 ::placeholder{color:#ffe53d}.theme3 header{background-color:#160628;color:#ffe53d}.grid-container.theme3{background-color:#1d0934;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;padding:15px;border-radius:8px}.grid-output.theme3{background-color:#1d0934;color:#ffe53d}.grid-item.theme3{background-color:#341c4f;box-shadow:0 4px #871c9c;color:#ffe53d}.equals.theme3{background-color:#00e0d1;color:#1b2428;box-shadow:0 4px #6cf9f2}.light.theme3{background-color:#58077d;box-shadow:0 4px #bc15f4;color:#fff}.dark-text.theme3{color:#1b2428}.yellow-text.theme3{color:#ffe53d}.tri-state-toggle{background-color:#232c43;padding:3px 6px;border-radius:20px}.tri-state-toggle.theme1{background-color:#232c43}.tri-state-toggle.theme2{background-color:#d1cccc}.tri-state-toggle.theme3{background-color:#1d0934}.button{margin:1px}.grid-item.theme1:hover,.grid-item.theme2:hover,.grid-item.theme3:hover{opacity:70%}.numbers{font-size:32px}body{font-family:League Spartan,sans-serif;font-weight:700}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=radio]:before{content:"";display:inline-block;margin-top:2.5px;width:10px;height:10px;border:2px solid #000;border-radius:50%;opacity:0}input[type=radio]:checked:before{background-color:#d03f2f;opacity:1}input[type=radio]#theme-theme1:before{border-color:#d03f2f;/}input[type=radio]#theme-theme1:checked:before{background-color:#d03f2f}input[type=radio]#theme-theme2:before{border-color:#ca5502}input[type=radio]#theme-theme2:checked:before{background-color:#ca5502}input[type=radio]#theme-theme3:before{border-color:#00e0d1}input[type=radio]#theme-theme3:checked:before{background-color:#00e0d1}@media only screen and (max-width: 480px){.grid-container{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:5px}.grid-output{width:82.5%}.grid-item{font-size:28px}}