main{margin:20vh auto;background-color:#f5f5f5;height:400px;max-width:800px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.title{font-size:40px;margin:0;color:#2b283a}.rolls{position:absolute;top:0;left:5%}.best{position:absolute;top:0;right:5%}.instructions{font-family:Inter,sans-serif;font-weight:400;margin-top:.5em;text-align:center;width:80%;color:#4a4e74}.container{display:grid;grid-template-columns:repeat(5,15%);grid-template-rows:auto;column-gap:6.25%;row-gap:20px;width:70%;height:160px}.die{color:#2b283a;text-align:center;box-shadow:0 2px 2px #00000026;border-radius:3.81277px;font-weight:700;cursor:pointer}.roll-btn{margin-top:2rem;padding:10px 30px;font-weight:700;border:none;border-radius:6px;background-color:#5035ff;color:#fff;font-family:Karla,sans-serif;cursor:pointer}.roll-btn:active{box-shadow:inset 5px 5px 10px -3px #000000b3}:root{font-family:Karla,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#56596d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{padding:0 5%}