*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body{background-color:#2b283a}main{background:#F5F5F5;max-width:500px;height:500px;margin:100px auto auto;border-radius:20px;display:flex;flex-direction:column;justify-content:center}.diceContainer{align-self:center;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:20px}.dice{width:80px;height:80px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 4px #00000040;border-radius:10px;cursor:pointer}.dice h2{font-size:2rem;cursor:pointer}main button{width:100px;height:50px;color:#fff;font-size:larger;background-color:#00f;margin-top:50px;align-self:center;border:#2B283A;border-radius:13px;box-shadow:0 4px 4px #00000040;transition-duration:.5s}main button:hover{background-color:#00007e;transition-duration:.5s}main button:active{background-color:#bd0000;transition-duration:.1s}