*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#2c2c2d;color:#fefefe}#root{display:flex;flex-direction:column;min-height:100vh}#root>header,#root>footer{flex:0 1 auto;padding:0 2rem}#root>footer{padding:1rem 2rem;background-color:#1c1a1d54;margin-top:2rem;text-align:center}#root>div{flex:1 0 auto;padding:0 2rem}header{display:flex;align-items:center;justify-content:space-between}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:4rem;margin:1rem 1rem 2rem}nav a,.logo{display:inline-block;color:#fefefe;padding:1rem;text-decoration:none}nav a:hover{background-color:#fefefe11}.logo{font-size:1.35rem;font-weight:600;padding:1rem 0}.tabs{border-bottom:2px solid #fefefe;margin:1rem 0}.tab{color:#fefefe;display:inline-block;padding:1rem;text-decoration:none}.tab.active{border-bottom:.125rem solid #fefefe;background-color:#fefefe;border-radius:10px 10px 0 0;color:#1c1a1d;animation:tab-shadow .4s forwards ease-in-out}@keyframes tab-shadow{0%{box-shadow:0 -0px #0004;background-color:transparent;border-bottom:.125rem solid transparent}to{box-shadow:4px -4px 4px 4px #0002;background-color:#fefefe;border-bottom:.125rem solid #fefefe}}table{border-collapse:collapse;margin-top:2rem;width:100%}thead{width:100%;background-color:#1c1a1d;box-shadow:0 4px 16px -2px #00000040;text-align:left;vertical-align:middle}tbody tr:hover{background-color:#1c1a1d54;cursor:default}th,td{padding:1.25rem}form{margin:0 auto;max-width:70rem;padding:2rem 0}input,textarea,select{background-color:#1c1a1d;border-radius:.25rem;border:0;color:#fefefe;display:block;margin-top:.5rem;margin-bottom:1rem;padding:.75rem;width:100%}.row{display:flex;flex-wrap:wrap;gap:2rem}.row div{flex:1 0 16rem}.item h2{display:inline-block;margin-right:2rem}.item span,.dashboard-card{background-color:#1c1a1d;box-shadow:0 4px 16px -2px #00000040;border-radius:.25rem;cursor:default;font-size:1.125rem;margin-top:2rem;padding:2rem 3rem}.dashboard-card span{display:block;font-size:3rem;margin:1rem 0;text-align:center}.ending{background-color:#ff5258}.recentt{background-color:#31c966}.chartContainer{margin:0px,0px,0px,0px;padding:50px;width:100%;height:550px;display:flex;flex-direction:row}.chartContent{padding:30px 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:50px;border:0px solid red}.chart{width:40%;height:100%;display:flex;align-items:center;justify-content:start;flex-direction:column;padding:20px 0}.chart h1{font-size:20px;margin:20px 0}.titleItem{font-size:3rem;font-weight:400;margin:1rem 0rem}.itemInformation{background-color:#1c1a1d;padding:40px;gap:20px}.item p{font-size:1.25rem;margin:.9rem}.spanDescription{background-color:#fefefe11;padding:1rem;margin:.5rem;border-radius:5px}.showItemBtn{padding:50px 50px 50px 0;gap:20px}.btnSort{vertical-align:middle;background-color:#1c1a1d;width:25px;height:25px;border-radius:6px;border:1px solid #fefefe;margin-left:10px;color:#fefefe;padding:0;font-size:14px;text-align:center;cursor:pointer;text-align-last:center}.button{background-color:#fefefe;border-radius:.25rem;border:0;color:#2c2c2d;cursor:pointer;display:inline-block;font-size:1rem;padding:.5em 1em;text-decoration:none;transition:.2s}.button+.button{margin-left:.75rem}.button:hover{filter:brightness(.9)}.button.is-small{font-size:.875rem}.button.is-large{font-size:1.25rem}.button.is-danger{background-color:#ff5258}.button.is-primary{background-color:#5ba7fd}.frame{width:90%;margin:40px auto;text-align:center}.custom-btn{width:130px;height:40px;color:#2c2c2d;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:.25rem;border:0;font-size:1rem;padding:.5em 1em;text-decoration:none;transition:.2s}.btn-11{border:none;background:#5ba7fd;color:#2c2c2d;overflow:hidden}.btn-11:hover{filter:brightness(.8)}.btn-11:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 6s ease-in-out infinite}.btn-11:active{box-shadow:4px 4px 6px #ffffff4d,-4px -4px 6px #747d8833,inset -4px -4px 6px #fff3,inset 4px 4px 6px #0003}@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}to{-webkit-transform:scale(50) rotate(45deg);opacity:0}}@media (max-width: 359px){#root>header{flex:0 1 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#root>div{padding:.2rem;text-align:center}header{background-image:linear-gradient(to bottom,#1c1a1d,#1c1a1d,#2c2c2d)}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:3rem;margin:2rem 1rem 1rem}nav{display:flex;gap:30px}nav a,.logo{padding:.8rem}nav a:hover{background-color:#fefefe11}.logo{font-size:1rem;font-weight:600;padding:1rem 0}.tabs{border-bottom:2px solid #fefefe;margin:1rem 0;display:flex;flex-direction:row;text-align:center;align-items:center;justify-content:space-around}.tab{color:#fefefe;display:inline-block;padding:1rem;text-decoration:none}.tab.active{border-bottom:.125rem solid #fefefe;background-color:#fefefe;border-radius:10px 10px 0 0;color:#1c1a1d;animation:tab-shadow .4s forwards ease-in-out}table{font-size:12px;text-wrap:wrap}th,td{padding:.3rem;text-wrap:wrap}th{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:5px;text-align:center}td{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}tr{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;text-align:center;padding:5px 2px}form{margin:0 auto;max-width:70rem;padding:2rem 1rem}input,textarea,select{background-color:#1c1a1d;border-radius:.25rem;border:0;color:#fefefe;display:block;margin-top:.5rem;margin-bottom:1rem;padding:.75rem;width:100%}.row{display:flex;flex-wrap:wrap;gap:1.5rem}.row div{flex:1 0 16rem}.item h2{display:inline-block;margin-right:2rem}.item span,.dashboard-card{background-color:#1c1a1d;box-shadow:0 4px 16px -2px #00000040;border-radius:.25rem;cursor:default;font-size:1.125rem;margin:2rem .6rem 0rem;padding:2rem 3rem}.dashboard-card span{display:block;font-size:3rem;margin:1rem 0;text-align:center}.chartContainer{margin:0px,0px,0px,0px;padding:0;width:100%;height:550px;display:flex;align-items:center;justify-content:center;flex-direction:column}.chartContent{padding:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}.chart{gap:0px;width:300px;height:200px;display:flex;align-items:center;justify-content:start;flex-direction:column;padding:10px 0}.chart canvas{margin-top:30px}.chart h1{font-size:20px;margin:0}.titleItem{font-size:3rem;font-weight:400;margin:1rem 0rem 1rem 2rem}.itemInformation{background-color:#1c1a1d;padding:40px;gap:20px}.item p{font-size:1.25rem;margin:.9rem}.spanDescription{background-color:#fefefe11;padding:1rem;margin:.5rem;border-radius:5px}.showItemBtn{padding:10px;display:flex;align-items:center;justify-content:center;gap:30px}.btnSort{width:12px;height:10px;border-radius:2px;margin-left:4px;padding:0;font-size:8px}.button{border-radius:.15rem;padding:.2rem .3rem;width:60px;margin:.1rem 0rem}.button+.button{margin:.1rem 0rem}.button.is-small{font-size:.7rem}.button.is-large{font-size:1.25rem}.ending{background-color:#ff5258}.recentt{background-color:#31c966}}