@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#222;justify-content:center;align-items:center;height:100vh;display:flex}.calculator{background-color:#111;border-radius:2rem;grid-template:repeat(5,auto)/repeat(4,1fr);gap:.6rem;width:fit-content;padding:1rem;display:grid}button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:50%;padding:1rem;font-size:2rem;transition:all .3s}button:hover{opacity:.7;scale:1.1;box-shadow:inset 0 0 0 1px #ffffff4a}.orange{background-color:#ff8400}.gray{color:#111;background-color:gray}.output{color:#fff;text-align:right;grid-column:span 4;align-content:flex-start;justify-self:center;width:22rem;height:11rem;padding:1rem;font-size:4rem;overflow-x:scroll;padding-bottom:0!important}.output::-webkit-scrollbar{background-color:#0000;height:6px}.output::-webkit-scrollbar-thumb{cursor:grabbing;background-color:#333;border-radius:2rem}.previous{color:#999;font-size:1.6rem}.span{border-radius:10rem;grid-column:span 2}