:root{--ash-grey:#cad2c5;--muted-teal:#84a98c;--deep-teal:#52796f;--dark-slate-grey:#354f52;--charcoal-blue:#2f3e46}*{margin:0;padding:0}#numButtons{color:var(--muted-teal);grid-template-columns:repeat(4,200px);gap:10px;font-family:Public Sans,sans-serif;display:grid}#allNumButtons{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:10px}body{background:var(--deep-teal);font-family:Public Sans,sans-serif}#calcNumDiv{color:var(--ash-grey);font-size:3em;position:absolute;top:50px;right:455px}#equalOperator{background:var(--dark-slate-grey);color:var(--ash-grey)}#part2{grid-template-columns:repeat(3,130px);gap:10px;display:grid;position:absolute;bottom:10px;right:10px}#part2-button{background-color:var(--dark-slate-grey)}#sideFeatureDiv{background:var(--dark-slate-grey);border-radius:20px;grid-template-columns:repeat(2,1fr);width:400px;height:220px;padding:10px;font-family:Public Sans,sans-serif;display:grid;position:absolute;top:10px;right:10px}.feature{background:var(--muted-teal);border:none;border-radius:10px;width:180px;height:40px;font-size:1.2em;position:relative;top:5px;left:5px}.feature:hover{background:var(--ash-grey);color:var(--dark-slate-grey);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.feature:active{background:var(--muted-teal);transition:smooth;scale:.95}.numButton{background:var(--muted-teal);border:none;border-radius:10px;width:200px;height:70px;padding:10px;font-family:Public Sans,sans-serif;font-size:2.5em}.numButton:hover{background:var(--ash-grey);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.numButton:active{background:var(--deep-teal);color:var(--ash-grey);transition:all .1s ease-in-out;scale:.95}#calcbox{border:solid 5px var(--charcoal-blue);border-radius:20px;width:820px;height:150px;position:absolute;top:10px;left:10px;overflow-x:hidden}.numButton2{background:var(--dark-slate-grey);border:none;border-radius:10px;width:120px;height:70px;padding:10px;font-family:Public Sans,sans-serif;font-size:2.5em}.numButton2:hover{background:var(--charcoal-blue);cursor:pointer;transition:all .1s ease-in-out;scale:1.05}.numButton2:active{background:var(--dark-slate-grey);transition:all .1s ease-in-out;scale:.95}.sideFeatureDiv{background:var(--deep-teal);width:400px;height:200px;font-family:Public Sans,sans-serif;position:absolute;top:10px;right:10px}