*{box-sizing:border-box;font-family:Inter,sans-serif;font-size:20px}body{margin:0;background-color:#052424;padding:20px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}div#root{max-height:400px;max-width:400px;height:100%;width:100%}.main-container{display:flex;flex-direction:column;gap:.4rem;background:#fdfdfd;height:100%;padding:20px;border-radius:5px;justify-content:center;align-items:center;text-align:center}.main-container p{font-size:14px;font-weight:600}.die-container{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin:20px}.die{display:flex;border:none;cursor:pointer;margin:0;padding:20px 15px;box-shadow:0 3px 8px 1px #c5c5c5;border-radius:5px;height:50px;width:50px;align-items:center;justify-content:center;font-weight:700}.rollDice{margin-top:50px;border:none;border-radius:5px;background:#5f00f7;font-size:14px;color:#fff;padding:8px 25px;cursor:pointer}button{transition:all .3s ease}button:focus{outline:none;box-shadow:0 0 8px #0f0c;transform:translateY(-2px)}