.viewpage[data-v-bfbc28f5]{margin:0 auto;position:relative;width:100%;min-height:100vh;background-color:var(--black)}.viewpage .title[data-v-bfbc28f5]{font-size:50px;text-align:center;background:linear-gradient(to right,var(--green),var(--info));-webkit-background-clip:text;background-clip:text;color:transparent}.viewpage .title .url[data-v-bfbc28f5]{font-size:15px}.viewpage .content[data-v-bfbc28f5]{padding:0;margin:0 auto;position:relative;width:66%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.viewpage .content .card[data-v-bfbc28f5]{border:1px solid var(--white);border-radius:10px;border-width:1px;border-color:var(--white);box-shadow:0 0 6px var(--white);width:200px;height:50px;background-color:#374151;color:#000;padding:10px;margin:10px}.viewpage .content .card .card-name[data-v-bfbc28f5]{font-size:15px;color:var(--white);cursor:pointer}.viewpage .content .card .card-name[data-v-bfbc28f5]:hover{color:var(--green)}.viewpage .content .card .card-data[data-v-bfbc28f5]{font-size:15px;color:var(--green);font-weight:700;margin-left:5px}.viewpage .content .card .card-state[data-v-bfbc28f5]{float:right;border-radius:50%;width:10px;height:10px;background-color:var(--white);margin:5px}.viewpage .content .card .card-state-green[data-v-bfbc28f5]{float:right;border-radius:50%;width:10px;height:10px;background-color:var(--success);margin:5px}.viewpage .content .card .card-info[data-v-bfbc28f5]{font-size:12px;margin-top:6px;color:var(--info)}.viewpage .content .card[data-v-bfbc28f5]:hover{box-shadow:0 0 10px var(--green);transform:scale(1.05);border-color:var(--green);font-weight:700;transition:all .3s}.viewpage .footer[data-v-bfbc28f5]{text-align:center;width:100%;color:var(--info);background-color:var(--black);font-size:15px}@media screen and (max-width: 768px){.viewpage .content[data-v-bfbc28f5]{padding:0;width:100%;flex-wrap:wrap}.viewpage .content .card[data-v-bfbc28f5]{width:150px;padding:10px;margin:5px}}*{margin:0;padding:0}:root{--black: #111827;--black-light: #1f2937;--white: #eeeeee;--green: #00adb5;--success: #00be10;--warning: #ffa600;--danger: #c00000;--info: #a0a0a0}