:root{--Very-dark-desaturated-blue-main-background:#3a4764;--Very-dark-desaturated-blue-toggle-background-keypad-background:#232c43;--Very-dark-desaturated-blue-screen-background:#182034;--Desaturated-dark-blue-key-background:#637097;--Desaturated-dark-blue-key-shadow:#404e72;--Red-key-background-toggle:#d03f2f;--Dark-red-key-shadow:#93261a;--Light-orange-key-background:#eae3dc;--Grayish-orange-key-shadow:#b4a597;--Very-dark-grayish-blue:#444b5a;--White:#fff;--Light-gray-main-background:#e6e6e6;--Grayish-red-toggle-background-keypad-background:#d1cccc;--Very-light-gray-screen-background:#ededed;--Dark-moderate-cyan-key-background:#377f86;--Very-dark-cyan-key-shadow:#1b5f65;--Orange-key-background-toggle:#ca5502;--Dark-orange-key-shadow:#893901;--Light-yellow-key-background:#e5e4e1;--Dark-orange-key-shadow-b:#a69d91;--Very-dark-yellow:#35352c;--White-text:#fff;--Very-dark-violet-main-background:#160628;--Very-dark-violet-toggle-background-keypad-background-screen-background:#1d0934;--Dark-violet-key-background:#58077d;--Vivid-magenta-key-shadow:#bc15f4;--Pure-cyan-key-background-toggle:#00e0d1;--Soft-cyan-key-shadow:#6cf9f2;--Very-dark-violet-key-background:#341c4f;--Dark-magenta-key-shadow:#871c9c;--Light-yellow:#ffe53d;--Very-dark-blue:#1b2428}@supports (color:hsl(0 0% 0%/0)){:root{--White:#fff}}@font-face{font-family:normal;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf)}@font-face{font-family:bold;src:url(/static/media/Poppins-ExtraBold.01849ee091e1762a5dd5.ttf)}body{margin:0;padding:0}.body{background-color:#3a4764;background-color:var(--Very-dark-desaturated-blue-main-background)}.body,.bodyb{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;transition:.5s;width:100vw}.bodyb{background-color:#e6e6e6;background-color:var(--Light-gray-main-background)}.bodyc{align-items:center;background-color:#160628;background-color:var(--Very-dark-violet-main-background);display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;transition:.5s;width:100vw}.toggles{align-items:flex-end;flex-direction:row;justify-content:space-between}.input,.toggles{display:flex;width:35vw}.input{align-items:center;background-color:#182034;background-color:var(--Very-dark-desaturated-blue-screen-background);border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-family:bold;font-size:xx-large;height:90px;justify-content:flex-end;letter-spacing:6px;margin:0;padding:20px;text-align:right;transition:.5s}.inputb{background-color:#fff;background-color:var(--White);color:#000}.inputb,.inputc{align-items:center;border:none;border-radius:10px;box-sizing:border-box;display:flex;font-family:bold;font-size:xx-large;height:90px;justify-content:flex-end;letter-spacing:6px;margin:0;padding:20px;text-align:right;transition:.5s;width:35vw}.inputc{background-color:#1d0934;background-color:var(--Very-dark-violet-toggle-background-keypad-background-screen-background);color:#ffe53d;color:var(--Light-yellow)}.toggle{align-items:flex-end;display:flex;gap:1.5rem}.p{color:#fff;color:var(--White);transition:.5s}.p,.pb{font-family:normal;font-size:x-large;margin:0}.pb{color:#35352c;color:var(--Very-dark-yellow)}.pc{color:#ffe53d;color:var(--Light-yellow);font-family:normal;font-size:x-large;margin:0;transition:.5s}.h5{color:#fff;color:var(--White)}.h5,.h5b{font-family:normal;margin:0;padding-bottom:.2rem;text-transform:capitalize;transition:.5s}.h5b{color:#35352c;color:var(--Very-dark-yellow)}.h5c{color:#ffe53d;color:var(--Light-yellow);font-family:normal;margin:0;padding-bottom:.2rem;text-transform:capitalize;transition:.5s}.ballContainer{align-items:center;background-color:#232c43;background-color:var(--Very-dark-desaturated-blue-toggle-background-keypad-background);border-radius:2rem;display:flex;height:30px;padding:.2rem;width:80px}.ball,.ballContainer{cursor:pointer;transition:.5s}.ball{-webkit-animation:forwards;animation:forwards;background-color:#d03f2f;background-color:var(--Red-key-background-toggle);border-radius:50%;height:27px;width:27px}.ballb{background-color:#ca5502;background-color:var(--Orange-key-background-toggle)}.ballb,.ballc{-webkit-animation:forwards;animation:forwards;border-radius:50%;cursor:pointer;height:27px;transition:.5s;width:27px}.ballc{background-color:#00e0d1;background-color:var(--Pure-cyan-key-background-toggle)}.ballContainerb{background-color:#d1cccc;background-color:var(--Grayish-red-toggle-background-keypad-background);justify-content:center}.ballContainerb,.ballContainerc{align-items:center;border-radius:2rem;cursor:pointer;display:flex;height:30px;padding:.2rem;transition:.5s;width:80px}.ballContainerc{background-color:#1d0934;background-color:var(--Very-dark-violet-toggle-background-keypad-background-screen-background);justify-content:flex-end}.nums{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:space-between;width:73px}.div,.keys{align-items:center;display:flex;flex-direction:column}.keys{background-color:#182034;background-color:var(--Very-dark-desaturated-blue-screen-background);border-radius:15px;box-sizing:border-box;height:60vh;justify-content:space-between;padding:1rem;transition:.5s;width:35vw}.keysb{background-color:#d1cccc;background-color:var(--Grayish-red-toggle-background-keypad-background)}.keysb,.keysc{align-items:center;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;height:60vh;justify-content:space-between;padding:1rem;width:35vw}.keysc{background-color:#1d0934;background-color:var(--Very-dark-violet-toggle-background-keypad-background-screen-background);transition:.5s}.grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(4,2px);height:80%;justify-content:space-around;justify-items:center;padding:.4rem;width:100%}.key{background-color:#eae3dc;background-color:var(--Light-orange-key-background);border-bottom:4px;border-bottom-color:#b4a597;border-bottom-color:var(--Grayish-orange-key-shadow);border-bottom-style:solid;border-radius:10px}.key,.keyb{align-items:center;color:#404e72;color:var(--Desaturated-dark-blue-key-shadow);display:flex;font-family:bold;font-size:x-large;font-weight:800;justify-content:center;transition:.5s;width:90px}.keyb{background-color:#e5e4e1;background-color:var(--Light-yellow-key-background);border-bottom:4px;border-bottom-color:#a69d91;border-bottom-color:var(--Dark-orange-key-shadow-b);border-bottom-style:solid;border-radius:10px}.keyc{background-color:#341c4f;background-color:var(--Very-dark-violet-key-background);border-bottom:4px;border-bottom-color:#871c9c;border-bottom-color:var(--Dark-magenta-key-shadow);border-bottom-style:solid;border-radius:10px;color:#ffe53d;color:var(--Light-yellow)}.del,.keyc{align-items:center;display:flex;font-family:bold;font-size:x-large;font-weight:800;justify-content:center;transition:.5s;width:90px}.del{background-color:#637097;background-color:var(--Desaturated-dark-blue-key-background);border-bottom:4px;border-bottom-color:#404e72;border-bottom-color:var(--Desaturated-dark-blue-key-shadow);border-bottom-style:solid;border-radius:10px;color:#fff;color:var(--White)}.delb{background-color:#377f86;background-color:var(--Dark-moderate-cyan-key-background);border-bottom:4px;border-bottom-color:#1b5f65;border-bottom-color:var(--Very-dark-cyan-key-shadow);border-bottom-style:solid;border-radius:10px}.delb,.delc{align-items:center;color:#fff;color:var(--White);display:flex;font-family:bold;font-size:x-large;font-weight:800;justify-content:center;transition:.5s;width:90px}.delc{background-color:#bc15f4;background-color:var(--Vivid-magenta-key-shadow);border-bottom:4px;border-bottom-color:#404e72;border-bottom-color:var(--Desaturated-dark-blue-key-shadow);border-bottom-style:solid;border-radius:10px}.del:hover{background-color:#404e72;background-color:var(--Desaturated-dark-blue-key-shadow);cursor:pointer}.delb:hover{background-color:#1b5f65;background-color:var(--Very-dark-cyan-key-shadow);cursor:pointer}.delc:hover{background-color:#404e72;background-color:var(--Desaturated-dark-blue-key-shadow);cursor:pointer}.key:hover{background-color:#b4a597;background-color:var(--Grayish-orange-key-shadow)}.key:hover,.keyb:hover{cursor:pointer;transition:.3s}.keyb:hover{background-color:#a69d91;background-color:var(--Dark-orange-key-shadow-b)}.keyc:hover{background-color:#871c9c;background-color:var(--Dark-magenta-key-shadow);cursor:pointer;transition:.3s}.resetandequal{color:#fff;color:var(--White);flex-direction:row;justify-content:space-between;width:96%}.reset,.resetandequal{align-items:center;display:flex;font-family:bold;font-size:x-large}.reset{background-color:#637097;background-color:var(--Desaturated-dark-blue-key-background);border-bottom:4px;border-bottom-color:#404e72;border-bottom-color:var(--Desaturated-dark-blue-key-shadow);border-bottom-style:solid;border-radius:10px;font-weight:800;height:56px;justify-content:center;transition:.5s;width:190px}h5:hover{cursor:pointer}.resetb{background-color:#377f86;background-color:var(--Dark-moderate-cyan-key-background);border-bottom:4px;border-bottom-color:#1b5f65;border-bottom-color:var(--Very-dark-cyan-key-shadow);border-bottom-style:solid;border-radius:10px}.resetb,.resetc{align-items:center;display:flex;font-family:bold;font-size:x-large;font-weight:800;height:56px;justify-content:center;transition:.5s;width:190px}.resetc{background-color:#bc15f4;background-color:var(--Vivid-magenta-key-shadow);border-bottom:4px;border-bottom-color:#404e72;border-bottom-color:var(--Desaturated-dark-blue-key-shadow);border-bottom-style:solid;border-radius:10px}.reset:hover{background-color:#404e72;background-color:var(--Desaturated-dark-blue-key-shadow);cursor:pointer}.resetb:hover{background-color:#1b5f65;background-color:var(--Very-dark-cyan-key-shadow);cursor:pointer}.resetc:hover{background-color:#404e72;background-color:var(--Desaturated-dark-blue-key-shadow);cursor:pointer}.equal{background-color:#d03f2f;background-color:var(--Red-key-background-toggle);border-bottom:4px;border-bottom-color:#93261a;border-bottom-color:var(--Dark-red-key-shadow);border-bottom-style:solid;border-radius:10px}.equal,.equalb{align-items:center;display:flex;font-family:bold;font-size:x-large;font-weight:800;height:56px;justify-content:center;transition:.5s;width:190px}.equalb{background-color:#ca5502;background-color:var(--Orange-key-background-toggle);border-bottom:4px;border-bottom-color:#893901;border-bottom-color:var(--Dark-orange-key-shadow);border-bottom-style:solid;border-radius:10px}.equalc{align-items:center;background-color:#00e0d1;background-color:var(--Pure-cyan-key-background-toggle);border-bottom:4px;border-bottom-color:#6cf9f2;border-bottom-color:var(--Soft-cyan-key-shadow);border-bottom-style:solid;border-radius:10px;display:flex;font-family:bold;font-size:x-large;font-weight:800;height:56px;justify-content:center;transition:.5s;width:190px}.equal:hover{background-color:#93261a;background-color:var(--Dark-red-key-shadow);cursor:pointer}.equalb:hover{background-color:#893901;background-color:var(--Dark-orange-key-shadow);cursor:pointer}.equalc:hover{background-color:#6cf9f2;background-color:var(--Soft-cyan-key-shadow);cursor:pointer}@media screen and (max-width:1000px){.grid{grid-template-columns:repeat(4,.5fr);max-width:100%}.toggles{width:80%}.key,.keyb,.keyc{font-size:xx-large;width:136px}.input,.inputb,.inputc{width:90%}.del,.delb,.delc{box-sizing:border-box;font-size:xx-large;font-size:x-large;padding:2px;width:136px}.keys,.keysb,.keysc{width:90%}.resetandequal{gap:1rem}}@media screen and (max-width:600px){.grid{grid-template-columns:repeat(4,.5fr);max-width:100%}.toggles{width:80%}.key,.keyb,.keyc{width:65px}.input,.inputb,.inputc{width:90%}.del,.delb,.delc{width:60px}.keys,.keysb,.keysc{width:90%}.resetandequal{gap:1rem}}
/*# sourceMappingURL=main.6ae68f2b.css.map*/