body.background,html{margin:0;height:100vh}body.background{width:100%;background:-webkit-linear-gradient(top,#a1dbff 0,#cbebff 53%,#f0f9ff 100%);background:-moz-linear-gradient(top,#a1dbff 0,#cbebff 53%,#f0f9ff 100%);background:linear-gradient(top,#a1dbff 0,#cbebff 53%,#f0f9ff 100%);background-size:cover;color:#ECECEA;background-repeat:no-repeat;background-attachment:fixed;background-position:center}h1,h2{padding-left:.05em;display:inline-block;padding-top:.4em;color:#333;position:relative;margin-top:0;font-family:'Myriad Pro',Myriad,helvetica,arial,sans-serif;letter-spacing:-1px}h1{font-size:64px}h1 a,h2 a{text-decoration:none;color:#fff;position:absolute;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,1)));text-shadow:0 2px 0 #e9e9e9;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}h1 a:hover,h2 a:hover{color:#185a50;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,1)))}h1:after,h2:after{color:#dbdbdb;content:attr(data-title)}h2{font-size:32px}kbd{font-size:100%}.btn,.btn:active,.btn:focus,.btn:hover{border:2px solid #525252}.form-control{padding:6px 12px;font-size:28px;line-height:1.42857143;color:#333;background-color:#cecece;background-image:none;border:6px solid #525252}.popover{font-weight:600;color:#444;background:rgba(255,255,255,.9);border:2px solid #525252}span#textOutput{word-break:break-all;color:#333;font-weight:600;display:inline-block;font-size:3em;vertical-align:middle;border:1px solid rgba(82,82,82,.33);background:rgba(255,255,255,.33);border-radius:8px;padding:80px 10px}.btn-info,.btn-success,.btn-warning{color:#fff}button#copySourceBtn{margin-left:25px}button#btnDecode,button#btnEncode{margin-left:12px}.margin-top-10{margin-top:10px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-top-15{margin-top:15px!important}.margin-bottom-15{margin-bottom:15px!important}.margin-top-5{margin-top:5px!important}.margin-bottom-5{margin-bottom:5px!important}@media (min-width:768px){.cloudtools-section{padding-top:10px}span.conversion-arrrow:before{content:"\0021D2";color:#525252}span.conversion-arrrow{color:#525252;font-size:10em;text-align:center;vertical-align:middle;-webkit-text-stroke:2px #cecece;text-stroke:2px #cecece}.container{margin-top:40px}}@media (min-width:992px){span.conversion-arrrow:before{content:"\0021D2";color:#525252}span.conversion-arrrow{color:#525252;font-size:12em;text-align:center;vertical-align:middle;-webkit-text-stroke:3px #cecece;text-stroke:3px #cecece}}@media (max-width:767px){button#copySourceBtn,span#textOutput{margin-right:auto;margin-left:auto;display:block;text-align:center}span.conversion-arrrow,span.conversion-arrrow:before{color:#525252;-webkit-text-stroke:1px #cecece;text-stroke:1px #cecece}.cloudtools-section-output{padding-bottom:45px}button#copySourceBtn{font-size:24px;width:66%;float:none}button#btnDecode,button#btnEncode{font-size:24px;margin-left:12px;width:45%}span#textOutput{font-size:3em;vertical-align:middle;background:rgba(255,255,255,.33);border-radius:6px;padding:15px 10px}.cloudtools-section{margin-top:0}.btn-group-lg>.btn,.btn-lg{font-size:16px;padding:10px 8px}span.conversion-arrrow:before{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;display:block;content:"\0021E9"}span.conversion-arrrow{font-size:5em;text-align:center}h1{font-size:34px;padding-top:0}h2{font-size:32px}}