*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Source Sans Pro",sans-serif;font-size:18px;color:#333;line-height:1.5;margin:0}h1{font-family:"Amatic SC",sans-serif;font-weight:700;font-size:3rem;font-size:14vmin;text-align:center;text-shadow:5px 5px 5px #7b1e7a}strong{font-weight:700}h2{font-family:"Amatic SC",sans-serif;text-align:center;font-size:2rem;font-weight:700;margin-top:0}.pics-inputs{-webkit-box-flex:1;-ms-flex:1 1 200px;flex:1 1 200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-width:200px}.pics-input{width:auto;margin-bottom:12px}.pics-input label{display:block}.pics-input button,.pics-input input{width:100%;height:3rem;padding:.5rem;font-size:1.2rem;border:none;color:#333;border:1px solid #ddd;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.1);box-shadow:0 3px 6px rgba(0,0,0,.1)}.pics-input.color button{width:50%;text-align:left;position:relative;background:#fff}.pics-input.color button .clear{position:absolute;right:.2rem;top:.2rem;bottom:0;text-align:center;line-height:2.2rem;color:#777;background:rgba(255,255,255,.3);font-size:1.8rem;border:1px solid rgba(100,100,100,.3);border-radius:2rem;width:2.5rem;height:2.5rem}.pics-input .optional{display:block;font-size:12px;color:#555;opacity:.9}.pics-url{border:3px solid rgba(123,31,122,.5);background:rgba(255,255,255,.3);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.1);box-shadow:0 3px 6px rgba(0,0,0,.1);padding:.5rem;text-align:center;font-size:1.2rem;height:3rem;font-weight:400;color:#7b1e7a;margin:12px 0;width:100%}.pics-preview{margin:10px;min-height:200px;text-align:center}.pics-info{font-weight:200}.pics-preview img{max-width:100%}.pics-display{-webkit-box-flex:2;-ms-flex:2 1 300px;flex:2 1 300px;padding:15px 0;min-width:300px;overflow-x:scroll}.pics-container{max-width:750px;margin:0 auto;padding:0 10px}.pics-header{background-color:#f9564f;background-image:-webkit-gradient(linear,left bottom,left top,from(#7b1e7a),to(#f9564f));background-image:linear-gradient(0deg,#7b1e7a,#f9564f);color:#f5f5f5;padding:30px 0}.pics-description{background-color:#ff5a5f;color:#f5f5f5;padding:15px 0;font-weight:200}.pics-try{background-color:#f5f5f5;color:#333;padding:30px 0}.pics-try-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.pics-footer{background-color:#0c0a3e;color:#f5f5f5;padding:20px 0}.pics-disclaimer,.pics-social{width:49%;min-width:200px;display:inline-block}.pics-social-list{list-style:none;float:right;margin:0;padding:0}.pics-social-list li{margin:5px 0;font-weight:200}.pics-footer a{color:#f5f5f5;text-decoration:none}.pics-footer a:hover{color:#ff5a5f}.pics-about{padding:30px 10px;background:#7b1e7a;color:#f5f5f5;font-weight:200}.pics-about li{margin-bottom:.8rem}.pics-disclaimer{font-weight:200;font-size:1rem;color:#ccc}.code{color:#333;background-color:rgba(255,255,255,.9);padding:.5rem;border-radius:2px;display:block;width:auto}.code .highlight{color:#7b1e7a;font-weight:700}.code pre{margin:0}@media only screen and (max-width:480px){.pics-disclaimer,.pics-social{width:auto;min-width:200px;display:block}.pics-social-list{float:none}}