*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,sans-serif}@media screen and (max-width: 767px){.advice{background-color:#1f2632;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.advice-container{background:#323a49;width:90%;margin:0 auto;height:320px;border-radius:8px;padding:30px;border:none;position:relative}#loading,#get-advice{text-align:center;font-size:15px;color:#52ffa8;font-weight:800;letter-spacing:2px}.advice-number{text-align:center;color:#52ffa8;font-size:15px;letter-spacing:2px}.advice-text{font-size:25px;font-weight:800;margin:5% auto 0;width:95%;height:fit-content;text-align:center;color:#cee3e9}.pattern-divider{width:300px;background-image:url("data:image/svg+xml,%3csvg%20width='295'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%234F5D74'%20d='M0%208h122v1H0zM173%208h122v1H173z'/%3e%3cg%20transform='translate(138)'%20fill='%23CEE3E9'%3e%3crect%20width='6'%20height='16'%20rx='3'/%3e%3crect%20x='14'%20width='6'%20height='16'%20rx='3'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;height:20px;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}.dice-container{background-color:#52ffa8;margin:0 auto;width:60px;height:60px;border-radius:50%;padding:10px;text-align:center;border:none;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.dice-container img{margin-top:8px}}@media screen and (min-width: 768px) and (max-width: 1023px){.advice{background-color:#1f2632;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.advice-container{background:#323a49;width:90%;margin:0 auto;height:320px;border-radius:8px;padding:30px;position:relative}#loading,#get-advice{text-align:center;font-size:20px;color:#52ffa8;font-weight:800;letter-spacing:2px}.advice-number{text-align:center;color:#52ffa8;font-size:20px;letter-spacing:2px}.advice-text{font-size:30px;font-weight:800;margin:5% auto 0;width:95%;text-align:center;color:#cee3e9}.pattern-divider{width:500px;background-image:url("data:image/svg+xml,%3csvg%20width='444'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%234F5D74'%20d='M0%208h196v1H0zM248%208h196v1H248z'/%3e%3cg%20transform='translate(212)'%20fill='%23CEE3E9'%3e%3crect%20width='6'%20height='16'%20rx='3'/%3e%3crect%20x='14'%20width='6'%20height='16'%20rx='3'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;height:20px;position:absolute;top:76%;left:50%;transform:translate(-50%,-50%)}.dice-container{background-color:#52ffa8;margin:0 auto;width:60px;height:60px;border-radius:50%;padding:10px;text-align:center;border:none;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.dice-container img{margin-top:8px}}@media screen and (min-width: 1024px){.advice{background-color:#1f2632;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.advice-container{background:#323a49;width:50%;margin:0 auto;height:320px;border-radius:8px;padding:30px;position:relative}#loading,#get-advice{text-align:center;font-size:20px;color:#52ffa8;font-weight:800;letter-spacing:2px}.advice-number{text-align:center;color:#52ffa8;font-size:20px;letter-spacing:2px}.advice-text{font-size:30px;font-weight:800;margin:5% auto 0;width:95%;text-align:center;color:#cee3e9}.pattern-divider{width:500px;background-image:url("data:image/svg+xml,%3csvg%20width='444'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='%234F5D74'%20d='M0%208h196v1H0zM248%208h196v1H248z'/%3e%3cg%20transform='translate(212)'%20fill='%23CEE3E9'%3e%3crect%20width='6'%20height='16'%20rx='3'/%3e%3crect%20x='14'%20width='6'%20height='16'%20rx='3'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;height:20px;position:absolute;top:73%;left:50%;transform:translate(-50%,-50%)}.dice-container{background-color:#52ffa8;margin:0 auto;width:60px;height:60px;border-radius:50%;padding:10px;text-align:center;border:none;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}@keyframes glowing{0%{box-shadow:#52ffa8}50%{box-shadow:0 0 20px 10px #52ffa8b3}to{box-shadow:#52ffa8}}.dice-container:hover{animation:glowing 2.5s infinite;cursor:pointer}.dice-container img{margin-top:8px}}