:root{--main-bg-color: #009d63;--main-text-color: #009d63;--second-text-color: #bbbec5;--second-bg-color: #bbbec5;--third-bg-color: #bff4db}.primary-text{color:var(--main-text-color)}.second-text{color:var(--second-text-color)}.primary-bg{background-color:var(--main-bg-color)}.secondary-bg{background-color:var(--second-bg-color)}.rounded-full{border-radius:100%}#wrapper{overflow-x:hidden;background-image:linear-gradient(to right,#baf3d7,#c2f5de,#cbf7e4,#d4f8ea,#ddfaef)}#sidebar-wrapper{min-height:100vh;margin-left:-15rem;-webkit-transition:margin .25s ease-out;-moz-transition:margin .25s ease-out;-o-transition:margin .25s ease-out;transition:margin .25s ease-out}#sidebar-wrapper .sidebar-heading{padding:.875rem 1.25rem;font-size:1.2rem}#sidebar-wrapper .list-group{width:15rem}#page-content-wrapper{min-width:100vw}#wrapper.toggled #sidebar-wrapper{margin-left:0}#menu-toggle{cursor:pointer}.list-group-item{border:none;padding:20px 30px}.list-group-item:hover{background-color:var(--third-bg-color);color:#000}.list-group-item.active{background-color:transparent;color:var(--main-text-color);font-weight:700;border:none}.container-fluid{min-height:600px}.container-fluid .page-title{color:var(--main-bg-color);margin-bottom:2em}.zip-box{width:40%}.recreate-btn{cursor:pointer}.recreate-btn:hover{background-color:#add8e6;color:#fff}@media (min-width: 768px){#sidebar-wrapper{margin-left:0}#page-content-wrapper{min-width:0;width:100%}#wrapper.toggled #sidebar-wrapper{margin-left:-19rem}.container-fluid{min-height:700px}.zip-box{width:30%}.sel-box,.use-box{width:50%}}.footer{margin-top:5em;padding:20px 0;font-size:14px;transition:all .3s;border-top:1px solid #cddfff;background-color:#34c785}.footer .copyright{text-align:center;color:#fff}.footer .credits{padding-top:5px;text-align:center;font-size:13px;color:#fff}.scroll_card{overflow-x:scroll}@media all and (max-width: 1000px){table.scroll{white-space:nowrap}}