#root{display:flex;flex-direction:column;align-items:center;border:2px solid black;border-radius:8px;max-width:22rem;padding:2rem;background-color:#24233a}body{background-color:#303031;padding-inline:.5rem;padding-top:.75rem;display:flex;justify-content:center}h1,label{color:#fff}#inputsRow{display:flex;justify-content:left}.topRowItem{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:.5rem}.topRowItem input{max-width:3rem}#result{border:none;background-color:#eaf6fa;text-align:center}#clearBtn{margin-top:1rem;width:4rem;height:2.5rem}#buttonsWrapper{margin-top:1rem;display:grid;grid-template-columns:repeat(4,4rem);gap:.5rem}#buttonsWrapper button{height:2.5rem}.note{color:#fff}#credit{color:#858585;margin-top:2rem;margin-bottom:.2rem}