@import"https://fonts.googleapis.com/css?family=Roboto:400,700";html,body,.container{height:100%;width:100%;display:grid;place-content:center}.img-shadow{border-radius:10px;-webkit-box-shadow:-10px 10px 40px -15px rgba(28,28,28,1);-moz-box-shadow:-10px 10px 40px -15px rgba(28,28,28,1);box-shadow:-10px 10px 40px -15px #1c1c1c}.img-shadow img{border-radius:10px;border:0;width:100vw;max-width:800px}*{margin:0;padding:0}html,body,.container{height:100%;width:100%}body{background-color:#e7e7e7;font-family:Roboto,sans-serif}form,.center-box{height:100%;display:flex;flex-flow:column;align-items:center;min-height:24em;justify-content:center}.upload-box{background-color:#232b38;width:620px;height:320px;flex:none;display:flex}.upload-file{cursor:pointer;width:50%;text-align:center;align-self:center;position:relative}.upload-file input{opacity:0;position:absolute;width:100%;height:100%;display:block;cursor:pointer}.upload-file img.slected-img{width:95%}h6,h3{color:#45556f;text-transform:uppercase;font-weight:700}.upload-details{width:60%;border-left:1px solid #455265}.upload-details ul{display:none;flex-direction:column;align-items:stretch;height:100%}.upload-details ul li{display:flex;align-items:center;flex-grow:1;border-bottom:1px solid #212b35;background-color:#313c4e;padding:0 30px}.upload-details ul li p{line-height:20px;margin-left:20px;font-size:18px;color:#cbdaef}.upload-details ul li small{text-transform:uppercase;color:#66758f;font-size:13px;font-weight:700;display:block}.shadow{position:relative}.shadow:before,.shadow:after{top:0;content:" ";display:block}.shadow:before{width:580px;position:relative;background-color:#2a3342;opacity:.6;height:10px}.shadow:after{width:540px;left:20px;position:absolute;background-color:#2a3342;opacity:.3;height:20px}.donate{position:absolute;bottom:25px;text-align:center;font-size:12px;line-height:18px;opacity:.5}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.animate-flicker{-webkit-animation:flickerAnimation 1s infinite;-moz-animation:flickerAnimation 1s infinite;-o-animation:flickerAnimation 1s infinite;animation:flickerAnimation 1s infinite}i.fa{color:#cbdaef;display:inline-block;border-radius:60px;border:1px solid #cbdaef;padding:15px;font-size:140%}.ready{color:#56f9ba!important}i.ready{border-color:#56f9ba!important}.slow-spin{-webkit-animation:fa-spin 6s infinite linear;animation:fa-spin 6s infinite linear}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.btn-send{width:100%;height:100%;margin:0;padding:0;border:0;line-height:20px;font-size:18px;cursor:pointer;color:#cbdaef;background:#313c4e;display:none;transition:all .3s ease-in-out}.btn-send.active{display:block}.upload-details ul.active{display:flex}.btn-send:hover{background:#28313f;color:#a6b3c5}#canvas{display:none}.alt-send-button{display:grid;place-content:center;width:100%;height:100%;transition:all .3s ease-in-out}.send-text{display:block;margin-top:10px;font:700 12px Lato,sans-serif;letter-spacing:2px}.alt-send-button:hover{transform:translate3d(0,-29px,0)}