body{background-color:#160628;color:#ffe53d;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex;justify-content:center;align-items:center}.containerCalc{font-size:23px;display:flex;top:50px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:15px}.heading{display:flex;align-self:flex-start;font-family:Space Grotesk,sans-serif;font-weight:700}#calcScr{padding:20px 10px;font-size:30px;color:#ffe53d;background-color:#1d0934;border:0px;border-radius:5px;font-family:Space Grotesk,sans-serif;font-weight:700;outline-width:0}.buttonCont{font-size:30px;color:#ffe53d;background-color:#1d0934;border:0px;border-radius:5px;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:space-around;height:430px;width:355px;padding:20px;gap:20px 15px}#seven{order:0;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#eight{order:1;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#nine{order:2;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#del{order:3;font-size:10px;color:#fff;background-color:#871c9c;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#four{order:4;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#five{order:5;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#plus{order:7;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#six{order:6;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#one{order:8;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 28px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#two{order:9;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#three{order:10;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#minus{order:11;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 28px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#point{order:12;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 29px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#zero{order:13;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#divide{order:14;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 29px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#mulitply{order:15;font-size:30px;color:#ffe53d;background-color:#58077d;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#reset{order:16;font-size:30px;flex-grow:.15;color:#fff;background-color:#871c9c;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #bc15f4}#equal{order:17;flex-grow:.65;font-size:30px;color:#160628;background-color:#00e0d1;font-family:Space Grotesk,sans-serif;font-weight:700;padding:5px 25px;border:0px;border-radius:5px;box-shadow:0 5px #6cf9f2}button{cursor:pointer;transition:all linear 80ms}button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}