*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0;background-color:#0b2434;padding:30px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}div#root{height:100%;width:100%;min-width:300px;max-height:500px;max-width:800px;display:flex;align-items:center;justify-content:center}main{background-color:#f5f5f5;width:90%;min-width:380px;height:100%;border-radius:5px;margin:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.title-text{min-width:300px;font-size:20px;display:flex;flex-direction:column;align-items:center;margin-left:20px;margin-right:20px}.instructions{margin-top:-10px;font-family:inter,sans-serif;font-weight:400;text-align:center}.winning-text{font-size:1.75rem;color:#ff4500;font-weight:800;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2);animation:zoomEffect 2s ease-in-out infinite}@keyframes zoomEffect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#die{display:grid;grid-template-columns:repeat(5,50px);row-gap:30px;column-gap:30px}#die button{height:50px;width:50px;background-color:#fff;border:none;border-radius:3px;font-size:1.7rem;font-weight:800;box-shadow:0 2px 2px #000000bf;cursor:pointer}.rollBtn{background-color:#5035ff;border:none;border-radius:4px;width:120px;height:50px;font-size:1.3rem;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}button:active{transform:scale(.97);background:#00008b}