.number-section-wrapper{display:flex;justify-content:space-around;align-items:center;width:100%;height:100vh;background-color:var(--dark-color-secondary)}.number-box-container{position:relative;display:flex;justify-content:center}.number-text{flex-direction:row}.number-text,.number-up{display:flex;align-items:center}.number-up{justify-content:center;color:var(--yellow-color);font-size:30px;font-style:italic}.number-box{display:flex;align-self:center;position:absolute;width:15rem;height:15rem;background-color:var(--yellow-color);border:1px solid black;border-radius:10px}.number-box[data-state=true]{transform:translateX(200%) rotate(180deg)}.number-button{position:absolute;display:flex;justify-content:center;font-family:var(--font-family);width:6rem;top:10rem;padding:1rem;color:black;background-color:var(--yellow-color);border:1px solid black;border-radius:5px}.wrapper{align-items:start;background-color:var(--dark-color)}