blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none}a{color:inherit;text-decoration:none}:root{--black:#000;--white:#fff;--light-black:#333;--light-gray:#625e5e;--green:#00ff00dd;--green-shade:#19a819}body{background-color:#000;background-color:var(--black);color:#fff;color:var(--white);font-family:Arial,sans-serif;font-size:16px}.app{display:flex;margin:0;min-height:100vh;padding:0}.sidebar{background-color:#333;background-color:var(--light-black);border-radius:0 16px 16px 0;flex-direction:column;height:95vh;overflow-y:auto;padding:20px;position:fixed;top:0;width:250px;z-index:10}.sidebar,.sidebar .nav-header{display:flex;justify-content:space-between}.sidebar .nav-header{align-items:center}.sidebar .nav-header img{height:45px;width:150px}.sidebar .search{align-items:center;border-radius:16px;display:flex;gap:8px;padding:.5rem 10px}.sidebar .search,.sidebar .search input{background-color:#625e5e;background-color:var(--light-gray);width:100%}.sidebar .search input{border:none;border-radius:5px;color:#fff;color:var(--white)}.search input:focus{content:"";outline:none}.search input::placeholder{color:#fff;color:var(--white)}.sidebar .upper{align-items:space-between;gap:20px;justify-content:center;margin-bottom:20px}.sidebar .upper,.sidebar nav ul{display:flex;flex-direction:column}.sidebar nav ul{gap:10px}.sidebar nav ul li,a{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:5px}.sidebar nav ul li a{width:100%}.sidebar nav ul li:hover{background-color:#19a819;background-color:var(--green-shade)}.link-active{background-color:#00ff00dd;background-color:var(--green)}.content-page{flex:1 1;margin-left:250px;padding:20px}.nav-footer{align-items:center;background-color:#333;background-color:var(--light-black);border-radius:0 0 16px 0;display:flex;justify-content:space-between}.nav-footer .social{display:flex;font-size:x-large;gap:10px}.nav-footer .contact{font-size:larger}.nav-footer a{color:#fff;color:var(--white);transition:all .3s ease-in-out}.nav-footer a:hover{color:#00ff00dd;color:var(--green);transform:scale(1.1)}.nav-header-mobile{align-items:center;background-color:#333;background-color:var(--light-black);border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:10px;height:80vh;justify-content:space-around;padding:2px;position:fixed}.hero-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.hero-header h1{font-size:2.5rem}.hero-header span{color:#19a819;color:var(--green-shade)}.hero-header button{background-color:#00ff00dd;background-color:var(--green);border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:800;padding:10px 20px}.graph{background-color:#333;background-color:var(--light-black);border-radius:1rem;margin:auto;overflow-x:scroll;padding:20px;width:80%}.graph .container{min-width:800px;width:100%}.graph::-webkit-scrollbar{visibility:hidden;width:5px}.card-container{display:flex;flex-wrap:wrap;gap:20px;margin:3rem auto auto;width:80%}.card-container .card{background-color:#625e5e;background-color:var(--light-gray);border-radius:16px;box-shadow:0 0 10px #fffefe1a;overflow:hidden;padding:16px 0;width:200px}.card-container h1{background-color:#adff2f;color:#000;color:var(--black);font-size:1rem;padding:2px 10px}.card-container .list{display:flex;gap:10px;justify-content:space-around;padding:2px 10px}.card-container h2{padding:2px 10px;text-align:left}footer{background-color:#19a819;background-color:var(--green-shade);height:5vh;padding:10px;text-align:center}@media screen and (max-width:768px){.sidebar{border-radius:0;height:100vh;left:-100%;min-width:250px;position:fixed;top:0;transition:all .3s ease-in-out;width:40%;z-index:10}.graph{width:100%}.content-page{margin-left:20px}.hero-header h1{font-size:1.5rem}.graph .container{min-width:600px}.hero-header button{font-size:.8rem;padding:8px 16px}.card-container{width:100%}.card-container .card{width:30%}.active{left:0}}@media screen and (max-width:480px){.card-container .card{width:45%}.card-container h1{font-size:.8rem}.card-container h2{font-size:.75rem}.card-container .list{font-size:.7rem}}.loader-container{align-items:center;background-color:#899489;border-radius:16px;display:flex;height:100%;justify-content:center;width:100%}.loader{animation:spin 1s linear infinite;border:5px solid #0000;border-radius:50%;border-top-color:#4c983f;height:100px;width:100px}@keyframes spin{0%{box-shadow:0 0 0 #b7d2e3cc;transform:rotate(0deg)}to{box-shadow:0 0 20px #8babc0cc;transform:rotate(1turn)}}
/*# sourceMappingURL=main.2c403653.css.map*/