.spacer[data-v-ae4cc6de]{height:10px}.webdesigntuts-workshop[data-v-34f2821e]{background:#;height:100%;position:absolute;left:32%;bottom:187%;text-align:center;width:100%}.webdesigntuts-workshop[data-v-34f2821e]:after,.webdesigntuts-workshop[data-v-34f2821e]:before{content:"";display:block;height:0;margin:0 0 0 -400px;position:absolute;width:800px}.webdesigntuts-workshop[data-v-34f2821e]:before{top:192px}.webdesigntuts-workshop[data-v-34f2821e]:after{top:191px}.webdesigntuts-workshop form[data-v-34f2821e]{border:0 solid #000;border-radius:5px;-webkit-box-shadow:inset 0 0 0 0 #272727;box-shadow:inset 0 0 0 0 #272727;display:inline-block;font-size:0;margin:150px auto 0;padding:20px;position:relative;z-index:1}.webdesigntuts-workshop input[data-v-34f2821e]{border:1px solid #424242;border-radius:5px 0 0 5px;-webkit-box-shadow:0 1px 0 #000;box-shadow:0 1px 0 #000;color:#888;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;margin:0;padding:0 10px;text-shadow:0 -1px 0 #000;width:250px}.ie .webdesigntuts-workshop input[data-v-34f2821e]{line-height:40px}.webdesigntuts-workshop input[data-v-34f2821e]::-webkit-input-placeholder{color:#888}.webdesigntuts-workshop input[data-v-34f2821e]:-moz-placeholder{color:#888}.webdesigntuts-workshop input[data-v-34f2821e]:focus{-webkit-animation:glow-data-v-34f2821e .8s ease-out infinite alternate;animation:glow-data-v-34f2821e .8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;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}.webdesigntuts-workshop input[data-v-34f2821e]:focus::-webkit-input-placeholder{color:#efe}.webdesigntuts-workshop input[data-v-34f2821e]:focus:-moz-placeholder{color:#efe}.webdesigntuts-workshop button[data-v-34f2821e]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #424242;border-left-color:#000;border-radius:0 5px 5px 0;-webkit-box-shadow:0 1px 0 #000;box-shadow:0 1px 0 #000;color:#fff;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;line-height:40px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:80px}.webdesigntuts-workshop button[data-v-34f2821e]:focus,.webdesigntuts-workshop button[data-v-34f2821e]:hover{background:#292929;background:-webkit-gradient(linear,left top,left bottom,from(#424242),to(#414141));background:linear-gradient(#424242,#414141);color:#5f5;outline:none}.webdesigntuts-workshop button[data-v-34f2821e]:active{background:#292929;background:-webkit-gradient(linear,left top,left bottom,from(#393939),to(#292929));background:linear-gradient(#393939,#292929);-webkit-box-shadow:0 0 0 #000,inset 1px 0 1px #222;box-shadow:0 0 0 #000,inset 1px 0 1px #222;top:1px}@-webkit-keyframes glow-data-v-34f2821e{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;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;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}@keyframes glow-data-v-34f2821e{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;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;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}.spacer[data-v-1358764f]{height:27px}.card[data-v-1358764f]{height:260px}.spacer[data-v-248d3fa9]{height:15px}.card[data-v-248d3fa9]{height:260px}.html[data-v-7f987981],body[data-v-7f987981]{width:100%;height:100%;padding:0;margin:0;background-color:#222;font-size:18px}.spacer[data-v-7f987981]{height:20px}.spacer3[data-v-7f987981]{height:10px}.svg[data-v-7f987981]{display:block;width:100%;height:100%;padding:0;margin:0;position:absolute}.h1[data-v-7f987981]{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}.theme-bg-card[data-v-7f987981]{padding:10px;background:rgba(48,64,87,.3);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card[data-v-7f987981]:hover{background:rgba(48,64,87,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;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-2[data-v-7f987981]{padding:10px;background:rgba(66,218,145,.6);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-2[data-v-7f987981]:hover{background:rgba(66,218,145,.8);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;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-warning[data-v-7f987981]{background:rgba(255,165,0,.3);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-warning[data-v-7f987981]:hover{background:rgba(255,165,0,.5);outline-color:#42da91;outline-style:solid;-webkit-animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;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-7f987981]{background:rgba(255,0,0,.5);outline-color:#42da91;color:#fff;border:1px solid transparent;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3)}.theme-bg-card-negative[data-v-7f987981]:hover{background:rgba(255,0,0,.7);outline-color:red;outline-style:solid;-webkit-animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;animation:glow-data-v-7f987981 1.8s ease-out infinite alternate;border-color:red;-webkit-box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000;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}@-webkit-keyframes glow-data-v-7f987981{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;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;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}@keyframes glow-data-v-7f987981{0%{border-color:#393;-webkit-box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(120,166,156,.1),0 2px 0 #000;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;-webkit-box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000;box-shadow:0 0 8px rgba(0,255,0,.8),inset 0 0 10px rgba(120,166,156,.4),0 2px 0 #000}}.text--primary[data-v-7f987981]{font-style:#ffffff}.data-tiles[data-v-7f987981],.text--primary[data-v-7f987981]{text-align:center;font-size:32px;top:40%;opacity:1;border-radius:25px;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}.data-tiles-2[data-v-7f987981],.data-tiles[data-v-7f987981]{background:#78b59c;padding:20px}.data-tiles-2[data-v-7f987981]{text-align:center;font-size:32px;opacity:1;border-radius:25px;margin:10px}.data-tiles-3[data-v-7f987981]{padding:0}.h1 a[data-v-7f987981]{color:#48b1f4;text-decoration:none}.path[data-v-7f987981]{stroke-linecap:square;stroke:#fff;stroke-width:.5px}.theme-bg[data-v-7f987981]{background:#10163a;color:#fff}.tabbar[data-v-7f987981]{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;&>li{margin:0 11px;&>svg{width:14px;height:14px;display:block;fill:#2f3545;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}}&.open{&>li{&>svg{opacity:.5}}}}.Center & dribbble body[data-v-7f987981]{min-height:100vh;font-family:Roboto,Arial;color:#adafb6;background:#171c28;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.dribbble{position:fixed;right:20px;bottom:20px;img{height:28px}}}.text-color-2[data-v-7f987981]{color:#42da91!important}.useroptions[data-v-7f987981]{background:#304057;opacity:.85;color:#fff}.theme-bg-2[data-v-7f987981],.theme-bg-fy[data-v-7f987981]{background:#10163a;opacity:.85;color:#fff}.menu-icon[data-v-7f987981]{background:#10163a;display:inline-block;margin-left:40px;text-align:center;cursor:pointer}.close-btn[data-v-7f987981]{position:absolute;right:0;margin-top:-60px}.icons[data-v-7f987981]{font-size:40px;color:#fff;margin-top:5px;color:#42da91!important}.detail-card[data-v-7f987981]{width:800px;height:400px;background:#09435f;opacity:.75}.db-content[data-v-7f987981]{background:linear-gradient(-45deg,#0f1724,#151f2f,#19253a,#304057);min-height:140vh;background-size:400% 400%;-webkit-animation:gradient-data-v-7f987981 25s ease infinite;-animation:gradient 25s ease infinite}@-webkit-keyframes gradient-data-v-7f987981{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-data-v-7f987981{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}height:150%}.mobile-view[data-v-7f987981]{display:none}.desktop-view[data-v-7f987981]{display:block}.three-dot[data-v-7f987981]{margin-top:10px;float:right;color:#fff}.info-animate-out[data-v-7f987981],.info-animate[data-v-7f987981],.product-animate-out[data-v-7f987981],.product-animate[data-v-7f987981]{-webkit-animation-name:slideleft-data-v-7f987981;animation-name:slideleft-data-v-7f987981;position:relative;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-transition:opacity Elastic.easeOut .8s;transition:opacity Elastic.easeOut .8s}.product[data-v-7f987981]{width:400px}@-webkit-keyframes slideleft-data-v-7f987981{0%{left:-800px;top:0}to{left:10px;top:0}}@keyframes slideleft-data-v-7f987981{0%{left:-800px;top:0}to{left:10px;top:0}}@-webkit-keyframes slideright-data-v-7f987981{0%{left:800px;top:0}to{left:0;top:0}}@keyframes slideright-data-v-7f987981{0%{left:800px;top:0}to{left:0;top:0}}@media only screen and (max-width:600px){.product[data-v-7f987981]{width:90%}.card-margin[data-v-7f987981]{margin-top:40px}.mobile-view[data-v-7f987981]{display:block}.desktop-view[data-v-7f987981]{display:none}.db-content[data-v-7f987981]{height:100%}.menu-icon-2[data-v-7f987981]{margin-left:20px;color:#42da91!important;margin-top:20px}.mb-margin[data-v-7f987981]{text-align:center}.detail-card[data-v-7f987981]{width:350px;height:100%}}