.calculator{max-width:320px;width:90%;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;border-radius:15px;background-color:#e0e0e0;box-shadow:-4px -4px 7px #ffffff,4px 4px 7px #aeaec0;margin-bottom:25px;border:0.01rem solid navy;}.operations,.result{overflow:auto;white-space:nowrap;cursor:text;color:black;grid-column:span 4;height:50px;line-height:50px;background:#e0e0e0;border-radius:8px;box-shadow:inset -2px -2px 4px #ffffff,inset 2px 2px 4px #aeaec0;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-align:right;font-size:1.25em!important;}.operations{margin-bottom:0px;padding:0 10px;}.result{height:55px!important;font-weight:bold;margin-bottom:10px;padding:12px 10px;}.history{font-size:12px;color:black;display:block;position:absolute;margin-left:10px;margin-top:70px;}@media (max-width:768px){.history{font-size:12px;margin-left:10px;margin-top:72px;}}@media (max-width:480px){.history{font-size:12px;margin-left:10px;margin-top:55px;}}button{padding:2px 2px;color:black;text-decoration:none;height:auto;min-height:35px;border:none;font-size:1.25em;cursor:pointer;outline:none;border-radius:8px;background-color:#e0e0e0;box-shadow:-2px -2px 4px #ffffff,2px 2px 4px #aeaec0;transition:0.3s;}button:active{box-shadow:inset -2px -2px 4px #ffffff,inset 2px 2px 4px #aeaec0;}.blue-border{border:1px solid blue;}.green-border{border:1px solid green;}@media (max-width:375px){.calculator{gap:10px;width:100%;}button{min-height:30px;font-size:1.25em;}.operations,.result{height:40px;line-height:40px;font-size:0.9em;}}.red-color{color:red;font-weight:bold;}.green-color{color:green;font-weight:bold;}.purple-color{color:purple;font-weight:bold;}.orange-color{color:orange;font-weight:bold;}.blue-color{color:blue;font-weight:bold;}