body{margin:0;background-color:#0b2434;padding:20px;display:flex;justify-content:center;height:100vh}main{background-color:#f5f5f5;height:100%;width:360px;height:379px;padding:30px 20px 29px;margin:30px 20px 20px;width:320px;border-radius:10px;opacity:0px;justify-content:center;align-items:center;display:flex;flex-direction:column}main>div{display:grid;padding-left:5px;gap:10px;grid-template-columns:repeat(5,1fr);grid-auto-flow:row;width:100%;height:40%;padding:auto}.die{width:50px;height:50px;font-family:Karla,sans-serif;font-weight:700;background-color:#fff;border-radius:3.8px;border-width:0;box-shadow:0 2px 2px #00000026;cursor:pointer;font-style:bold}.roll-dice{background-color:#5035ff;width:92.16px;height:35.84px;border-radius:3.8px;border:none;cursor:pointer;font-style:bold;font-family:Karla,sans-serif;color:#fff;font-weight:700;align-self:center}.roll-dice:hover{background-color:#0b2434}.title{font-size:40px;margin:0}.bottom-components{display:grid;width:auto;height:auto;gap:30px;place-items:center;grid-template-columns:repeat(3,1fr)}.best-record{font-size:14px}