:root{font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#a8a8a8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;padding:0}body{margin:30px auto;width:100%;height:90vh;display:flex;justify-content:center;align-items:start}#app{width:90vw;margin:0 auto}header{margin:0 auto 50px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}header input{padding:10px;border-radius:10px;font-size:22px}header button{font-size:18px;padding:10px;border-radius:5px;cursor:pointer}main{text-align:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:50px}.card{box-sizing:border-box;background-color:#fafafa;border-radius:15px;overflow:hidden;box-shadow:5px 5px 25px #0000005c}.card-header{padding:30px 40px 15px;position:relative;background-color:#ffe176;color:#ae9a51}.card-icon{align-self:flex-start;margin-top:10px;width:100px;position:absolute;left:10%;top:10%}.card-info{text-align:right}.card-body{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 38px}.card-body-prop{display:flex;justify-content:space-between;align-items:center;color:#8c8c8ce0;font-size:20px;margin:8px 0;width:100%}p,h1,h2,h3,h4{margin:0}h1{font-size:70px;position:relative;font-weight:lighter;margin:5px 0}h1 span{position:absolute;font-size:45px;top:3%}h3,h2{font-weight:400}h2{font-size:22px;overflow:hidden;text-overflow:ellipsis}h3{overflow:hidden;font-size:17px;text-overflow:ellipsis}.card-body-stats{font-size:21px}.card-body-data{font-weight:700;font-size:22px}