@import"https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap";*{box-sizing:border-box;border:none;margin:0;outline:none;padding:0;font:800 16px Manrope,sans-serif}body,#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(218deg,23%,16%)}main{background-color:#323a49;border-radius:15px;padding:20px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:550px;height:300px;transition:.4s}#disclaimer{color:#52ffa8;font-size:.7rem;text-align:center;position:absolute;bottom:-70px}@media only screen and (max-width: 600px){main{width:320px;height:340px}}main h2{color:#52ffa8;font-size:.9rem;letter-spacing:2px}main h1{color:#cee3ea;font-size:1.6rem;text-align:center}main #dice_button{display:flex;align-items:center;justify-content:center;position:absolute;width:65px;height:65px;bottom:-35px;border-radius:50%;background-color:#52ffa8;cursor:pointer;transition:.4s}main #dice_button:hover{box-shadow:0 0 30px #52ffa8}