.space[data-v-b9c48cb8]{height:100px}.space1[data-v-b9c48cb8]{height:30px}.mrgn-top[data-v-b9c48cb8]{text-align:center}.center-aligned[data-v-b9c48cb8]{text-align:center;color:#3a3939}h3[data-v-b9c48cb8]{color:#888}.space[data-v-1f78a516]{height:100px}.space1[data-v-1f78a516]{height:30px}.mrgn-top[data-v-1f78a516]{text-align:center}.center-aligned[data-v-1f78a516]{text-align:center;color:#3a3939}h3[data-v-1f78a516]{color:#888}.space[data-v-4563461c]{height:100px}.space1[data-v-4563461c]{height:30px}.mrgn-top[data-v-4563461c]{text-align:center}.center-aligned[data-v-4563461c]{text-align:center;color:#3a3939}h3[data-v-4563461c]{color:#888}.about[data-v-c7fdc1de]{padding:20px}.card[data-v-c7fdc1de]{margin-left:1rem;padding:20px;width:100%;height:425px;cursor:pointer}.row[data-v-c7fdc1de]{display:flex;flex-direction:row;margin-top:2rem}.flexbox[data-v-c7fdc1de]{height:350px;transition:all 1s ease-in-out}.flexbox[data-v-c7fdc1de],.flexbox[data-v-c7fdc1de]:hover{display:flex;justify-content:space-between;width:100%;max-width:1200px;overflow:hidden;margin:0 auto;padding:0}.flexbox[data-v-c7fdc1de]:hover{height:425px;transition:scale(1.1)}.flexbox .board[data-v-c7fdc1de]{display:flex;flex-direction:column;min-width:350px;max-width:100%;background-color:transparent;padding:0}.flexbox .board .card[data-v-c7fdc1de]{padding:5px;background:rgba(48,64,87,.3);outline-color:#42da91;color:#fff;min-width:390px;max-width:390px;cursor:pointer}.ma-2[data-v-c7fdc1de]{width:180px;transition:all .7s ease-in-out}.ma-2[data-v-c7fdc1de]:hover{width:220px;transition:scale(1.1)}.html[data-v-c7fdc1de],body[data-v-c7fdc1de]{width:100%;height:100%;padding:0;margin:0;background-color:#222;font-size:0}.svg[data-v-c7fdc1de]{display:block;width:100%;height:100%;padding:0;margin:0;position:absolute}.h1[data-v-c7fdc1de]{width:100%;font-family:sans-serif;position:absolute;text-align:center;color:#fff;font-size:18px;top:40%;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}.h1 a[data-v-c7fdc1de]{color:#48b1f4;text-decoration:none}.path[data-v-c7fdc1de]{stroke-linecap:square;stroke:#fff;stroke-width:.5px}.space[data-v-c7fdc1de]{height:20px}.theme-icons[data-v-c7fdc1de]{background:#304057;color:#fff;size:100px}.theme-icons[data-v-c7fdc1de]:hover{background:#304057;color:#fff}.theme-bg-player[data-v-c7fdc1de]{width:800px}.animation[data-v-c7fdc1de]{position:relative;top:0}.animation2[data-v-c7fdc1de],.animation[data-v-c7fdc1de]{font-size:15px;min-height:0;left:0;right:0;border-radius:10px;color:#fff}.animation2[data-v-c7fdc1de]{position:absolute;top:180px}.animation3[data-v-c7fdc1de]{left:-32%}.animation3[data-v-c7fdc1de],.animation4[data-v-c7fdc1de]{position:absolute;top:440px;font-size:15px;min-height:0;right:0;border-radius:10px;color:#fff}.animation4[data-v-c7fdc1de]{left:32%}.animation5[data-v-c7fdc1de]{position:relative;top:-1050px;font-size:15px;min-height:0;left:-10 %;right:0;border-radius:10px;color:#fff}.tabs[data-v-c7fdc1de]{background:rgba(9,1,24,.7)}.data-card[data-v-c7fdc1de],.tabs[data-v-c7fdc1de]{text-decoration:none;font-family:Arial,Helvetica,sans-serif;outline-color:#42da91;color:#fff}.data-card[data-v-c7fdc1de]{background:rgba(9,1,24,.6);width:100%;padding:40px}.theme-bg-card[data-v-c7fdc1de]{text-decoration:none;font-family:Arial,Helvetica,sans-serif;background:#192b44;outline-color:#42da91;color:#fff}.theme-bg-card-2[data-v-c7fdc1de]{background:#2e2f35;border:5px solid transparent}.theme-bg-card-2[data-v-c7fdc1de],.theme-bg-card-warning[data-v-c7fdc1de]{outline-color:#5a80bf;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-warning[data-v-c7fdc1de]{background:rgba(255,255,0,.3);border:1px solid transparent}.theme-bg-card-warning[data-v-c7fdc1de]:hover{background:rgba(255,255,0,.5);outline-color:#5a80bf;outline-style:solid;animation:glow-c7fdc1de 1.8s ease-out infinite alternate;border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:none}.theme-bg-card-negative[data-v-c7fdc1de]{background:rgba(255,0,0,.3);outline-color:#5a80bf;color:#fff;border:1px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-negative[data-v-c7fdc1de]:hover{background:rgba(255,0,0,.5);outline-color:#5a80bf;outline-style:solid;animation:glow-c7fdc1de 1.8s ease-out infinite alternate;border-color:red;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000;color:#efe;outline:none}.theme-bg-card-lg[data-v-c7fdc1de]{background:rgba(16,22,58,.3);outline-color:#42da91;color:#fff;border:1px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-lg[data-v-c7fdc1de]:hover{background:rgba(16,22,58,.5);outline-color:#42da91;outline-style:solid;animation:glow-c7fdc1de 1s ease-out infinite alternate;border-color:#393;box-shadow:0 0 7px rgba(0,255,0,.2),inset 0 0 7px rgba(0,255,0,.1),0 2px 0 #000;outline:none}@keyframes glow-c7fdc1de{0%{border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000}to{border-color:#78b59c;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}.space1[data-v-c7fdc1de]{height:35px}.space2[data-v-c7fdc1de]{height:1px}.spaceroom[data-v-c7fdc1de]{height:15px}.space3[data-v-c7fdc1de],.space4[data-v-c7fdc1de]{height:1px}.tabbar[data-v-c7fdc1de]{margin:0;padding:0;list-style:none;display:flex;align-items:center;&>li[data-v-c7fdc1de]{margin:0 11px;&>svg[data-v-c7fdc1de]{width:14px;height:14px;display:block;fill:#2f3545;transition:opacity .3s ease}}&.open[data-v-c7fdc1de]{&>li[data-v-c7fdc1de]{&>svg[data-v-c7fdc1de]{opacity:.5}}}}.Center & dribbble body[data-v-c7fdc1de]{min-height:100vh;font-family:Roboto,Arial;color:#adafb6;background:#171c28;display:flex;justify-content:center;align-items:center;.dribbble[data-v-c7fdc1de]{position:fixed;display:block;right:20px;bottom:20px;img[data-v-c7fdc1de]{display:block;height:28px}}}.text-color-2[data-v-c7fdc1de]{color:#42da91!important}.user-ui[data-v-c7fdc1de]{background:#304057;opacity:1;color:#fff;padding:20px}.theme-bg-2[data-v-c7fdc1de]{background:rgba(48,64,87,.3);color:#fff}.menu-icon[data-v-c7fdc1de]{background:rgba(48,64,87,.3)}.menu-icon[data-v-c7fdc1de],.menu-icon[data-v-c7fdc1de]:hover{padding:30px;display:inline-block;margin-left:50px;text-align:center;cursor:pointer}.menu-icon[data-v-c7fdc1de]:hover{background:rgba(48,64,87,.5)}.close-btn[data-v-c7fdc1de]{position:absolute;right:0;margin-top:-60px}.center[data-v-c7fdc1de]{display:block;margin-left:auto;margin-right:auto;width:50%}.icons[data-v-c7fdc1de]{color:#fff;bottom:10px;color:#42da91!important}.icons[data-v-c7fdc1de],.icons[data-v-c7fdc1de]:hover{font-size:40px;margin-top:0;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center}.icons[data-v-c7fdc1de]:hover{color:#fff;padding:0;color:#fff!important}.detail-card[data-v-c7fdc1de]{width:800px;height:400px;background:#304057;opacity:.75;position:absolute}.button[data-v-c7fdc1de]{text-decoration:none;width:65%;left:15%;justify-content:center;padding:80px;margin:10px;font-family:Arial,Helvetica,sans-serif;color:#fff}.text[data-v-c7fdc1de]{font-size:14px;font-weight:500;color:#fff;text-align:center}.text-2[data-v-c7fdc1de]{font-size:16px;font-weight:500;color:#fff;text-align:center}.chart[data-v-c7fdc1de]{color:#fff;background:#304057;background-size:400% 400%;margin-left:0;padding:25px;width:404px;cursor:pointer;top:-60px;min-height:10vh}.chart[data-v-c7fdc1de],.db-content[data-v-c7fdc1de]{-webkit-animation:gradient-c7fdc1de 25s ease infinite;-animation:gradient 25s ease infinite}.db-content[data-v-c7fdc1de]{background:linear-gradient(-45deg,#192b44,#0f1724,#000417);background-size:400% 400%;padding:40px;min-height:85vh}.db-content-2[data-v-c7fdc1de]{background:linear-gradient(-90deg,#192b44,#0f1724,#000417);background-size:400% 400%;-webkit-animation:gradient-c7fdc1de 25s ease infinite;-animation:gradient 25s ease infinite}@keyframes gradient-c7fdc1de{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.mobile-view[data-v-c7fdc1de]{display:none}.desktop-view[data-v-c7fdc1de]{display:block}.three-dot[data-v-c7fdc1de]{margin-top:10px;float:right;color:#fff}.product-animate[data-v-c7fdc1de]{animation-name:slideleft-c7fdc1de;position:relative;position-fromTop:100px;animation-duration:1s;transition:opacity Elastic.easeIn 1s}.product-animate-out[data-v-c7fdc1de]{animation-name:slideright-c7fdc1de;position:relative;position-fromTop:100px;animation-duration:1s;transition:opacity Elastic.easeOut 1s}.info-animate[data-v-c7fdc1de]{animation-name:slideleft-c7fdc1de;position:relative;position-fromTop:100px;animation-duration:1s;transition:opacity Elastic.easeIn 1s}.info-animate-out[data-v-c7fdc1de]{animation-name:slideright-c7fdc1de;position:relative;position-fromTop:100px;animation-duration:1s;transition:opacity Elastic.easeOut 1s}.product[data-v-c7fdc1de]{width:400px}@keyframes slideleft-c7fdc1de{0%{left:-800px;top:0}to{left:10px;top:0}}@keyframes slideright-c7fdc1de{0%{left:800px;top:0}to{left:0;top:0}}@keyframes slidetop-c7fdc1de{0%{bottom:-1000px;top:0}to{bottom:10px;top:0}}@keyframes slidebottom-c7fdc1de{0%{bottom:1000px;top:0}to{bottom:10px;top:0}}.slideExpandUp[data-v-c7fdc1de]{animation-name:slideExpandUp-c7fdc1de;-webkit-animation-name:slideExpandUp-c7fdc1de;animation-duration:2.6s;-webkit-animation-duration:2.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp-c7fdc1de{0%{transform:translateY(100%) scaleX(.94)}30%{transform:translateY(-4%) scaleX(.95)}40%{transform:translateY(2%) scaleX(.96)}50%{transform:translateY(0) scaleX(1)}}@media only screen and (max-width:600px){.product[data-v-c7fdc1de]{width:90%}.card-margin[data-v-c7fdc1de]{margin-top:40px}.mobile-view[data-v-c7fdc1de]{display:block}.desktop-view[data-v-c7fdc1de]{display:none}.db-content[data-v-c7fdc1de]{height:100%}.menu-icon-2[data-v-c7fdc1de]{margin-left:20px;color:#42da91!important;margin-top:20px}.mb-margin[data-v-c7fdc1de]{text-align:center}.detail-card[data-v-c7fdc1de]{width:350px;height:100%}.callouts[data-v-c7fdc1de]{padding:100px;border:outline;background:#304057;opacity:.9;color:#11ece5;cursor:pointer;position:relative;margin-left:540px;margin-right:auto;left:100px;right:0;align:center;text-align:center;outline-color:#5a80bf;outline-style:solid;animation:glow-c7fdc1de 1.8s ease-out infinite alternate;border-color:#5a80bf;box-shadow:0 0 5px rgba(90,128,191,.2),inset 0 0 3px rgba(90,128,191,.1),0 2px 0 #000;outline:none}@keyframes glow-c7fdc1de{0%{border-color:#11ece5;box-shadow:0 0 5px rgba(90,128,191,.2),inset 0 0 6px rgba(90,128,191,.4),0 2px 0 #000}to{border-color:#11ece5;box-shadow:0 0 8px rgba(90,128,191,.8),inset 0 0 10px rgba(90,128,191,.8),0 2px 0 #000}}.user-speach[data-v-c7fdc1de]{position:absolute;top:-350px;font-size:16px;width:80%;left:200px;right:0;border-radius:15px;color:#fff;background:linear-gradient(-45deg,#0f1724,#151f2f,#19253a,#304057,#0f1724);background-size:400% 400%;-webkit-animation:gradient-c7fdc1de 15s ease infinite;-animation:gradient 15s ease infinite}@keyframes gradient-c7fdc1de{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.button[data-v-c7fdc1de]{text-decoration:none;font-family:Arial,Helvetica,sans-serif}.about[data-v-c7fdc1de]{padding:30px;background:rgba(48,64,87,.1);color:#111;display:flex;justify-content:center;align-items:center}.callouts[data-v-c7fdc1de]:hover{padding:30px;border:outline;background:#304057;opacity:1;color:#11ece5;cursor:pointer;position:relative;margin-left:540px;margin-right:auto;left:100px;right:0;align:center;text-align:center}}