.content{font-family:Arial,Helvetica,sans-serif;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:500px;width:90%}.content .app-name{margin:0;text-align:center;color:#fff;font-size:3rem;letter-spacing:-6px}.content .clipboard{background:#fff;border-radius:4px;padding:3% 0 2% 0;margin-top:10%;-webkit-box-shadow:5px 5px 20px rgba(0,0,0,.356);box-shadow:5px 5px 20px rgba(0,0,0,.356);text-align:center}.content .clipboard:hover{cursor:pointer}.content .clipboard p{margin:0}.content .clipboard .generated-shortcode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px;padding:2%}.content .clipboard .generated-shortcode span{margin-right:20px;color:#20123a;font-weight:700}.content .note{color:#fff;text-align:center;margin-top:10%;font-size:12px}.content .note a{color:#f12711}form{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;-webkit-box-shadow:5px 5px 20px rgba(0,0,0,.356);box-shadow:5px 5px 20px rgba(0,0,0,.356)}form input{border:0;padding:3% 4%;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;width:80%}form button{cursor:pointer;border:0;background:#f12711;background:-webkit-gradient(linear,left top,right top,from(#f5af19),to(#f12711));background:linear-gradient(90deg,#f5af19,#f12711);padding:3% 4%;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;width:20%;color:#fff;-webkit-animation:animate-gradient;animation:animate-gradient;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:initial;animation-timing-function:ease;-webkit-animation-direction:alternate;animation-direction:alternate}form button:disabled{background:grey;-webkit-animation:none;animation:none}@-webkit-keyframes animate-gradient{0%{background:#f5af19;background:-webkit-gradient(linear,left top,right top,from(#f12711),to(#f5af19));background:linear-gradient(90deg,#f12711,#f5af19)}to{background:#f12711;background:-webkit-gradient(linear,left top,right top,from(#f5af19),to(#f12711));background:linear-gradient(90deg,#f5af19,#f12711)}}@keyframes animate-gradient{0%{background:#f5af19;background:-webkit-gradient(linear,left top,right top,from(#f12711),to(#f5af19));background:linear-gradient(90deg,#f12711,#f5af19)}to{background:#f12711;background:-webkit-gradient(linear,left top,right top,from(#f5af19),to(#f12711));background:linear-gradient(90deg,#f5af19,#f12711)}}.notify{background:rgba(245,175,25,.36);border-radius:4px;padding:8px 20px;color:#fff;position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px}body{background:#20123a}