.paper{width:780px;background:#fff;padding:25px;margin:25px auto 0 auto;-webkit-box-shadow:0 5px 15px 0 rgba(44,62,80,.07);box-shadow:0 5px 15px 0 rgba(44,62,80,.07);position:relative}.paper.preview{background:#fffeec;border:1px solid #d4d3c5}.paper .head{top:0;position:absolute;left:0;padding:5px 15px;font-size:14px;font-weight:700;color:#7f8c8d;text-transform:uppercase;border:0 solid #d4d3c5;border-width:0 1px 1px 0;background:rgba(44,62,80,.1)}.input-group{display:-webkit-box;display:-ms-flexbox;display:flex}.c-input{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;display:inline-block;width:100%;padding:10px;background:#ecf0f1;border:1px solid rgba(44,62,80,.1);color:#7f8c8d;height:38px;outline:none;-webkit-transition:.15s;transition:.15s}.c-input:focus:not(:-moz-read-only),.c-input:hover:not(:-moz-read-only){border:1px solid rgba(44,62,80,.3);box-shadow:0 0 0 3px rgba(52,152,219,.4)}.c-input:focus:not(:read-only),.c-input:hover:not(:read-only){border:1px solid rgba(44,62,80,.3);-webkit-box-shadow:0 0 0 3px rgba(52,152,219,.4);box-shadow:0 0 0 3px rgba(52,152,219,.4)}.c-button{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;height:38px;padding:10px 15px;text-transform:uppercase;outline:none;background-color:#3498db;color:#ecf0f1;border:1px solid rgba(44,62,80,.3);cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.15s;transition:.15s;color:#fff}.c-button:focus,.c-button:hover{-webkit-box-shadow:0 0 0 3px rgba(52,152,219,.4);box-shadow:0 0 0 3px rgba(52,152,219,.4)}.c-button:hover{opacity:.9}.c-button:active{-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:0 0 5px 5px rgba(52,152,219,0);box-shadow:0 0 5px 5px rgba(52,152,219,0);opacity:1}.c-button:disabled{background:#bdc3c7;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:.9}::-moz-selection{background:rgba(52,152,219,.8);color:#fff}::selection{background:rgba(52,152,219,.8);color:#fff}fieldset{border:none}.vue-form-generator .form-group{text-align:left}.vue-form-generator .form-group input:disabled{background-color:rgba(38,38,38,.1)}.toasted{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif}.toasted.toasted-primary .action{color:#ecf0f1!important}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#ecf0f1;padding:25px;min-height:100vh;margin:0}.background{-webkit-clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);-webkit-animation:trippy-background 60s ease-in-out infinite;animation:trippy-background 60s ease-in-out infinite;background-image:-webkit-gradient(linear,left top,right bottom,from(transparent),to(rgba(0,0,0,.05)));background-image:linear-gradient(to bottom right,transparent,rgba(0,0,0,.05));width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1}#app{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#34495e;margin-top:60px}@-webkit-keyframes trippy-background{0%{-webkit-clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0)}33%{-webkit-clip-path:polygon(67% 0,91% 17%,92% 82%,0 100%,14% 45%,6% 6%);clip-path:polygon(67% 0,91% 17%,92% 82%,0 100%,14% 45%,6% 6%)}66%{-webkit-clip-path:polygon(95% 3%,90% 62%,62% 58%,31% 87%,10% 6%,54% 10%);clip-path:polygon(95% 3%,90% 62%,62% 58%,31% 87%,10% 6%,54% 10%)}to{-webkit-clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0)}}@keyframes trippy-background{0%{-webkit-clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0)}33%{-webkit-clip-path:polygon(67% 0,91% 17%,92% 82%,0 100%,14% 45%,6% 6%);clip-path:polygon(67% 0,91% 17%,92% 82%,0 100%,14% 45%,6% 6%)}66%{-webkit-clip-path:polygon(95% 3%,90% 62%,62% 58%,31% 87%,10% 6%,54% 10%);clip-path:polygon(95% 3%,90% 62%,62% 58%,31% 87%,10% 6%,54% 10%)}to{-webkit-clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0);clip-path:polygon(56% 10%,83% 0,100% 100%,0 75%,30% 51%,0 0)}}.comic-wrapper{margin:25px 0}.comic-wrapper .iframe{border-width:2px;border-color:#7f8c8d;border-style:solid}.comic-wrapper .img-preview{margin:0 auto}.comic-title{margin:0 0 15px 0;font-size:18px;font-weight:700;text-transform:uppercase;color:#7f8c8d}.comic-desc{margin:10px auto 0 auto;display:block;font-size:14px;font-weight:500;color:#7f8c8d;max-width:500px}.controller-wrapper .c-button{margin:0 5px}.controller-wrapper .c-button:first-child{margin-left:0}.controller-wrapper .c-button:last-child{margin-right:0}.page-footer{font-family:Roboto Condensed,Avenir,Helvetica,Arial,sans-serif;color:#7f8c8d;text-align:center;text-transform:uppercase;font-size:14px;max-width:780px;padding:0 25px;margin:25px auto 0 auto}.page-footer .icon{margin-right:5px}.page-footer a{text-decoration:none;color:#3498db;-webkit-transition:.15s;transition:.15s;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:1}.page-footer a:hover{text-decoration:underline;opacity:.9}.page-footer a .external-link{position:relative;font-size:8px;bottom:5px}.page-title{margin-bottom:25px;font-family:Caveat,cursive;color:#2c3e50;text-align:center}.page-title h1{font-size:48px;color:#2c3e50}.page-title h1,.page-title h2{padding:0;margin:0;line-height:1em}.page-title h2{font-size:24px;color:#7f8c8d;font-weight:500}.share-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.share-wrapper .container{margin:0 10px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;display:inline-block}.share-wrapper .container:first-child{margin-left:0}.share-wrapper .container:last-child{margin-right:0}.share-wrapper .container label{margin-bottom:5px;display:block;font-weight:700}.no-url,.share-wrapper .container label{font-size:14px;text-transform:uppercase;color:#7f8c8d}.no-url{border:1px solid #d4d3c5;background:rgba(0,0,0,.05);vertical-align:100%;margin:0 auto}