.container{perspective:800px;width:200px;height:200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.cube{width:200px;height:200px;position:relative;transform-style:preserve-3d;font-family:Poppins,sans-serif;font-weight:700;font-size:2rem;letter-spacing:1px;color:#f0feff}.side{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.front{transform:rotateY(0) translateZ(100px);background-color:#2319b0e6}.right{transform:rotateY(90deg) translateZ(100px);background-color:#0c032ce6}.back{transform:rotateY(180deg) rotate(180deg) translateZ(100px);background-color:#088f08e6}.left{transform:rotateY(-90deg) translateZ(100px);background-color:#130545e6}.top{transform:rotateX(90deg) translateZ(100px);background-color:#5f0381e6}.bottom{transform:rotateX(-90deg) translateZ(100px);background-color:#8d0507e6}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;background-color:#022726;color:#fff;text-align:center;border:30px solid #fff;box-sizing:border-box}.the-stack{margin-top:auto;text-align:center}.button-group{display:flex;gap:40px;justify-content:center;margin-top:70px}.increase-btn{background-color:#0b4007!important;color:#fff!important;border:2px solid #fff!important;border-radius:10px!important}.increase-btn:hover{background-color:#0bbe35!important}.decrease-btn{background-color:#5d0906!important;color:#fff!important;border:2px solid #fff!important;border-radius:10px!important}.decrease-btn:hover{background-color:#eb3f2f!important}.cube{margin-top:20px;width:200px;height:200px}