*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{text-decoration:none}button{cursor:pointer}ul{list-style:none}img{max-width:100%;display:block}body{background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.container{width:90%;max-width:1440px;margin:0 auto}header{color:#fff;background:linear-gradient(90deg,#672280 1.18%,#a626d3 100%);justify-content:center;align-items:center;height:60px;display:flex}main{background-color:#f5f5f5;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:450px;height:100vh;margin:0 auto;display:flex}.dice-container{grid-template:auto auto/repeat(5,1fr);gap:20px;margin-top:3rem;display:grid}.dice-container button{cursor:pointer;background-color:#fff;border:none;border-radius:10px;width:60px;height:60px;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;box-shadow:0 2px 2px #00000026}.roll-btn{color:#fff;cursor:pointer;white-space:no-wrap;background-color:#2121c4;border:none;border-radius:.5rem;width:auto;margin:3rem 0;padding:.8rem 2rem;font-size:1.2rem}.roll-btn:hover{background-color:#5151e1}.title{margin:0;font-size:40px}.instructions{text-align:center;margin-top:0;font-family:Inter,sans-serif;font-weight:400}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.counter{margin:2rem 0;font-size:2.5rem;font-weight:400}