@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600&display=swap";.block{display:block}.flex{display:flex}.grid{display:grid}.none{display:none}.flex-direction-c{flex-direction:column}.align-items-c{align-items:center}.justify-content-c{justify-content:center}.justify-content-sb{justify-content:space-between}.center{display:grid;place-items:center}.text-align-c{text-align:center}.vertical-align-m{vertical-align:middle}.cursor-p{cursor:pointer}.position-rel{position:relative}.position-abs{position:absolute}.image-fluid,.text-fluid{width:100%;height:100%}.image-centering{object-fit:cover}.color-gray{color:gray}.font-bold{font-weight:700}.border-radius-12{border-radius:12px}.border-radius-50{border-radius:50%}.transistion{transition:all .35s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{font-family:Nunito,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.6rem}.container{background:#21222a}main{height:92dvh}.app-wrapper{width:55rem;height:35rem;background:#fff;padding:2rem}.app-wrapper>section>*:not(:last-child){margin-bottom:2rem}.number-outcome{grid-template-columns:repeat(5,4.5rem);grid-auto-rows:4rem;gap:1rem;justify-content:center}.dice-button{border-radius:5px;box-shadow:0 0 .4rem #0000004d}.dice-button>section{width:.8rem;height:.8rem;transition:all .4s ease-in}.dot-one{left:.3rem;top:.3rem}.dot-two{left:.3rem}.dot-three{left:.3rem;bottom:.3rem}.dot-four{right:.3rem;top:.3rem}.dot-five{right:.3rem}.dot-six{right:.3rem;bottom:.3rem}.dot-seven{align-self:center}.roll-dice-button{border:none;padding:.85rem;border-radius:5px;font:inherit;color:#fff;letter-spacing:.01rem}.bg-green{background:#59e391}footer{height:8dvh;color:#fff}@media screen and (max-width: 900px){.app-wrapper{width:30rem}.number-outcome{grid-template-columns:repeat(5,1fr)}}