:root{--th1-bg-L-C:#4c5b5c;--th2-bg-L-C:#386fa4;--th3-bg-L-C:#dcdcdd;--th1-bg-R-C:#4c5b5c;--th2-bg-R-C:#386fa4;--th3-bg-R-C:#dcdcdd;--th1-bg-L-O:60%;--th2-bg-L-O:60%;--th3-bg-L-O:60%;--th1-bg-R-O:40%;--th2-bg-R-O:40%;--th3-bg-R-O:40%;--th1-num-L-C:#ff715b;--th1-num-L-O:100% --th1-num-R-C:#f48877;--th1-num-R-O:100% --th2-num-L-C:#386fa4;--th2-num-L-O:100% --th2-num-R-C:#4f93d3;--th2-num-R-O:100% --th3-num-L-C:#1985a1;--th3-num-L-O:100% --th3-num-R-C:#3bacc9;--th3-num-R-O:100% --th1-opr-L-C:#f9cb40;--th1-opr-L-O:100%;--th1-opr-R-C:#fbdf8a;--th1-opr-R-O:100%;--th2-opr-L-C:#84d2f6;--th2-opr-L-O:100%;--th2-opr-R-C:#65b7dd;--th2-opr-R-O:100%;--th3-opr-L-C:#4c5c68;--th3-opr-L-O:100%;--th3-opr-R-C:#6f8596;--th3-opr-R-O:100%;--th1-ftr-L-C:#4c5b5c;--th1-ftr-L-O:100%;--th1-ftr-R-C:#4c5b5c;--th1-ftr-R-O:100%;--th2-ftr-L-C:#386fa4;--th2-ftr-L-O:100%;--th2-ftr-R-C:#386fa4;--th2-ftr-R-O:100%;--th3-ftr-L-C:#46494c;--th3-ftr-L-O:100%;--th3-ftr-R-C:#46494c;--th3-ftr-R-O:100%}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}main{background:linear-gradient(180deg,#4c5b5c99,#4c5b5c66);border:1px solid #000;flex-direction:column;justify-content:start;max-width:360px}#header-section,main{align-items:center;display:flex}#header-section{background-color:initial;flex-direction:row;justify-content:space-between;padding:10px;width:100%}#header-section p{color:#fff;font-size:12px}#theme-selector-section{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.theme-circle{border-radius:50%;cursor:pointer;height:20px;width:20px}#theme-1{background-color:#ff715b}#theme-2{background-color:#386fa4}#theme-3{background-color:#1985a1}#screen-section{background-color:#fff;border:1px solid #000;height:66px;margin-top:20px;padding:0 10px;width:338px}#screen-section p{font-size:36px;overflow:hidden;padding:11px}#keypad-section{grid-column-gap:11.5px;grid-row-gap:23px;background-color:#fff;border:1px solid #000;column-gap:11.5px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:9px;margin-top:20px;padding:11.5px;row-gap:23px}.btn{font-size:32px;height:70px;width:70px}.number-btn{background-color:#ff715b}.opr-btn{background-color:#f9cb40}footer{align-items:center;background-color:#4c5b5c;color:#fff;display:flex;flex-direction:row;font-size:10px;height:27px;justify-content:center;width:100%}footer a{color:#fff;text-decoration:none}@media only screen and (min-width:400px){main{margin:100px auto}}
/*# sourceMappingURL=main.ac51df55.css.map*/