#app{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#app>header{width:100%;height:62px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;background-color:#17212b}#app>header>*{flex-grow:1}#app>header>p:nth-child(2){text-align:center}#app>header>p:last-child{text-align:right}#app>header>p,#app>header>p>span{color:#f5f5f5}#cards{width:100%;height:calc(100vh - 62px - 49px);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:15px;padding:10px;overflow-y:auto;background-color:#232e3c}#cards>div{width:calc((100% - 15px)/ 2);min-height:310px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-style:solid;border-color:#708499;padding:15px;border-radius:12px}#cards>div>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px}#cards>div>div>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}#cards>div>div>div>p{color:#f5f5f5;font-size:22px;font-weight:500}#cards>div>div>p{color:#708499;font-size:14px;font-weight:500}#cards>div>div>p>span,#cards>div>div>p>span>b{color:#f5f5f5;font-size:15px}#cards>div>div>p>span>b{font-weight:600}#cards>div>button{width:100%;color:#f5f5f5;font-size:15px;padding:7px;margin-top:10px;border-radius:8px;background-color:#5289c1}#cards>div>button.active{background-color:red}#app>div:last-child{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom-style:solid;border-color:#232e3c}#app>div:last-child>a{width:50%;height:48px;color:#fff;font-size:15px;display:flex;justify-content:center;align-items:center;background-color:#17212b}#app>div:last-child>a.active{background-color:#5289c1}