#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}body{margin:0;display:flex;align-items:center;justify-content:center;height:100vh;background:#00b09b;background:-webkit-linear-gradient(to right,#96c93d,#00b09b);background:linear-gradient(to right,#96c93d,#00b09b)}h1{font-size:24px;line-height:1.1}.app{max-width:550px;background-color:#f5efe7;border-radius:15px;padding:25px;text-align:left;margin:0 auto;box-shadow:#00000059 0 5px 15px}ul{list-style:none;padding:0}li{padding:15px;border:2px solid rgba(0,0,0,.1);border-radius:15px;margin-bottom:10px;cursor:pointer;transition:all .1s ease-in-out;box-shadow:#00000026 1.95px 1.95px 2.6px}li:hover{border:2px solid rgba(0,0,0,.3)}.progressBar{box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;height:10px;border-radius:30px;background-color:#e8e8e8;margin-bottom:25px}.progressBarInner{height:100%;border-radius:30px;transition:all .3s ease-in-out;background:#7f7fd5;background:-webkit-linear-gradient(to left,#91eae4,#86a8e7,#7f7fd5);background:linear-gradient(to left,#91eae4,#86a8e7,#7f7fd5)}.result{text-align:center}.result img{max-width:100%;border-radius:15px}.result h1{font-size:24px;margin-top:20px}.result a{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#3498db;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.result a:hover{background-color:#2980b9}@media (max-width: 578px){.app{padding:20px}h1{font-size:18px}li{padding:8px 10px;font-size:14px}}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}