*{box-sizing:border-box;margin:0;padding:0;font-family:Karla,sans-serif}main{display:flex;justify-content:center;align-items:center;width:100%;height:100dvh;background-color:#0b2434}.container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:85%;width:100%;max-width:850px;background-color:#f5f5f5;border-radius:10px;padding:20px;text-align:center}.container h1{font-size:3rem}.container p{font-size:2rem}button{padding:20px 10px;border:none;border-radius:10px;color:#fff;background-color:#5035ff;width:33%;font-size:1.5rem;cursor:pointer}button:hover{opacity:.9}.dice-grid{padding:10px;width:100%;gap:40px 20px;display:grid;justify-items:center;grid-template-columns:repeat(5,1fr)}.dice{display:flex;justify-content:center;align-items:center;font-size:1.5rem;width:75px;height:75px;border:none;border-radius:10px;box-shadow:2px 4px 10px #000000b3;cursor:pointer}@media (max-width: 700px){.container{height:100%;border-radius:0}.dice-grid{grid-template-columns:repeat(3,1fr)}.dice:last-child{grid-column:2 / span 1}.container p{font-size:1.5rem}button{width:100%}}