*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:#0b2434;padding:20px}main{width:320px;height:400px;margin:70px auto;display:flex;flex-direction:column;align-items:center;text-align:center;background:#F5F5F5;border-radius:10px}.card--title{height:32px;width:197px;margin-top:33px;border-radius:nullpx;border-radius:3.8127658367156982px;font-family:Karla;font-weight:700;font-size:26px;line-height:30px;letter-spacing:-.03em;color:#2b283a}.card--text{height:48px;width:233px;font-family:Inter;font-weight:400;font-size:14px;line-height:16px;letter-spacing:-.03em;color:#4a4e74}.dice-container{display:flex;width:320px;height:95px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:23px;margin-left:20px;margin-bottom:23px}.die--face{display:flex;height:36px;width:36px;border-radius:4px;box-shadow:0 2px 2px #00000026;margin-right:18px;justify-content:center;align-items:center;cursor:pointer;color:#2b283a}.die--num{font-family:Karla;font-weight:700;font-size:20px;line-height:24px}.card--button{height:36px;width:92px;margin-top:26px;margin-bottom:26px;background:#5035FF;box-shadow:0 3px 8px #0000002e;border-radius:4px;border:none;font-family:Karla;font-style:normal;font-weight:700;font-size:16.384px;line-height:19px;color:#fff;cursor:pointer}.card--button:focus{outline:none}.card--button:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.won-text{height:48px;width:233px;font-family:Inter;font-weight:400;font-size:14px;line-height:16px;letter-spacing:-.03em;color:#4a4e74}