body{font-family:Roboto,sans-serif;margin:0;padding:0}.container{align-items:center;background:linear-gradient(#121212,#212b46);display:flex;flex-direction:column;justify-content:center;margin-left:220px;min-height:100vh}.title{animation:flipTilte 2s;color:#fff;font-size:85px}@keyframes flipTilte{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.containerInput{background-color:#fff3;border-radius:5px;box-shadow:1px 3px 8px #00000080;display:flex;margin:34px 0;padding:15px}.containerInput input{background-color:initial;border:0;color:#fff;font-size:20px;margin-right:8px;outline:0}.containerInput input::placeholder{color:#f1f1f1}.button-Search{align-items:center;background-color:initial;border:0;cursor:pointer;display:flex;justify-content:center;transition:transform .5s}.button-Search:hover{transform:scale(1.2)}.main{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;max-width:100%}.main h2{font-size:39px;margin:16px 0}.main span{margin-botom:16px;font-weight:700}@media (max-width:620px){.title{font-size:60px}.main{min-height:250px;width:80%}.main h2{font-size:28px}}.styled-table{border-collapse:collapse;font-size:18px;margin:25px 0;text-align:center;width:100%}.styled-table th{background-color:#f2f2f2}.styled-table td,.styled-table th{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:12px}.styled-table tbody tr:nth-child(odd){background-color:#f9f9f9}.styled-table tbody tr:hover{background-color:#e0e0e0}.history-container{width:100%}.history-container h2{color:#fff;text-align:center}.history-card{align-items:center;border:1px solid #ccc;display:flex;justify-content:space-between;margin:5px;padding:10px}.sidebar{align-items:flex-start;background-color:#333;display:flex;flex-direction:column;height:100%;left:0;padding:20px;position:fixed;top:0;width:200px;z-index:1}.historyCard{align-items:center;background-color:#f2f2f2;border:1px solid #ccc;border-radius:8px;display:flex;justify-content:space-between;margin:5px;padding:10px}.historyCard h2{color:#333;font-size:18px;margin:0}.historyCard p{color:#555;font-size:14px;margin:0}.historyCard button{background-color:initial;border:0;cursor:pointer;transition:transform .5s}.historyCard button:hover{transform:scale(1.2)}.chart-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;margin-top:20px;padding:20px}
/*# sourceMappingURL=main.a61c9ff3.css.map*/