.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:18%;position:relative;flex-grow:1}.card,.card img{border-radius:5px;height:250px}.card img{width:100%}@media screen and (max-width:425px){.card{width:100%}.card,.card img{height:350px}}.card .overlay{background:linear-gradient(0deg,rgba(95,93,93,.377),rgba(65,64,64,.068));position:absolute;bottom:0;width:100%;transition:.5s ease;padding:10px;color:#fff;border-radius:0 0 5px 5px}.card .overlay h3{margin:0}.card .overlay span{display:flex;align-items:center;padding:10px 0;font-weight:lighter}.card .overlay .buttons{display:flex;justify-content:stretch;grid-gap:5px;gap:5px;visibility:hidden}.card .overlay .buttons button{flex-grow:1;background-color:#ca3836;border:none;border-radius:5px;cursor:pointer;text-align:center;color:#fff}.card .overlay .buttons button:last-child{background-color:#39379e}.card:hover .overlay{background:#fff}.card:hover .overlay h3{color:#39379e}.card:hover .overlay span{color:#000}.card:hover .overlay .buttons{visibility:visible;visibility:initial}.container{padding:2px 16px}#filter{margin:20px auto;border-radius:4px;box-shadow:0 2px 10px 4px rgba(0,0,0,.08)}@media screen and (max-width:425px){#filter{display:flex;overflow-x:scroll}}#filter select{padding:12px 20px;margin:8px;display:inline-block;border:none;border-right:1px solid rgba(0,0,0,.08);background:#fff}#filter select:focus{border-right:1px solid rgba(0,0,0,.08)}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}header .open-btn{display:none}@media screen and (max-width:425px){header .open-btn{display:inline-block;font-size:2rem;font-weight:lighter}}header .search{width:75%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px 4px rgba(0,0,0,.08)}@media screen and (max-width:425px){header .search{width:100%;order:4;margin:20px auto}}header .search input[type=text]{width:100%;margin:0 10px;padding:12px 20px;border:none;background:#fff;outline:none;-webkit-appearance:none}header .search button{width:100px;height:40px;padding:5px 20px!important;border-radius:5px;border:none;color:#fff;background-color:#39379e}header .notification{color:#39379e;text-decoration:none;position:relative;display:inline-block;cursor:pointer}header .notification .dropdown-content{display:none;position:absolute;left:0;background-color:#fff;min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}header .notification .dropdown-content .dropdown-item{text-align:left;color:#000;padding:20px 10px;text-decoration:none;display:flex;align-items:center;justify-content:space-between}header .notification .dropdown-content .dropdown-item .text{margin:0 5px}header .notification .dropdown-content .dropdown-item .text p{padding:0;margin:0;font-size:.8rem}header .notification .dropdown-content .dropdown-item .text p:last-child{font-size:.7rem}header .notification .dropdown-content .dropdown-item :hover{color:#39379e}header .notification:hover .dropdown-content{display:block}header .notification .badge{position:absolute;bottom:0;right:0;padding:2.5px 5px;border-radius:50%;background-color:red;color:#fff;font-size:.8rem}header .item{position:relative;display:inline-block;margin:0 30px}header .notify-badge{position:absolute;right:-5px;bottom:-5px;background:#53cf53;text-align:center;border-radius:50%;color:#53cf53;width:15px;height:15px;font-size:5px}header .avatar{width:30px;height:30px;border-radius:50%}#home{margin-left:20%;padding:40px;height:100%;background-color:#fff;width:100%;overflow-x:hidden}@media screen and (max-width:425px){#home{margin-left:0;padding:20px}}#home .cards{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}@media screen and (max-width:425px){#home .cards{flex-direction:column}}.sidebar{position:fixed;margin-right:20px;padding:20px 10px 20px 50px;height:100%;width:250px;background-color:#fff;border-right:1px solid rgba(85,84,128,.30196078431372547);z-index:1;transition:.5s}@media screen and (max-width:425px){.sidebar{width:0;overflow-x:hidden;padding:0;font-size:.8rem}.sidebar.opensidebar{width:250px;padding:20px}}.sidebar .logo{width:100%;margin:0 auto;display:flex;align-items:center;padding-top:.3125 rem;padding-bottom:.3125 rem;font-size:1.5rem;font-weight:bolder;text-decoration:none;color:#39379e}.sidebar .logo img{margin-right:.5rem}.sidebar .logo .close-btn{display:none}@media screen and (max-width:425px){.sidebar .logo .close-btn{display:inline-block;margin-left:auto;font-weight:lighter;font-size:2rem}}.sidebar .sidebarList{height:auto;width:100%;padding:20px 0 0}.sidebar .sidebarList .share{margin-left:15px;color:#39379e}.sidebar .sidebarList li{list-style-type:none}.sidebar .sidebarList li .row{width:100%;height:50px;margin:5px auto;text-decoration:none;color:#1b1b1b;opacity:.2;border:1px solid #fff;border-radius:8px;display:flex;flex-direction:row;justify-content:center;align-items:center}.sidebar .sidebarList li .row.active,.sidebar .sidebarList li .row:hover{cursor:pointer;font-weight:700;border-color:rgba(57,55,158,.30196078431372547);opacity:1}.sidebar .sidebarList li .row.active #icon,.sidebar .sidebarList li .row:hover #icon{color:#39379e}.sidebar .sidebarList li .row #icon{flex:30% 1;display:grid;place-items:center}.sidebar .sidebarList li .row #title{flex:70% 1}#app{width:100vw;height:100vh;display:flex}.coming-soon{margin-left:20%;padding:20px;display:block}@media screen and (max-width:425px){.coming-soon{margin-left:0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;transition:.2s}
/*# sourceMappingURL=main.6a73cd8a.chunk.css.map */