body{margin:0}body *:not(textarea){font-family:'Roboto',sans-serif}body .app{position:absolute;left:calc(50% - 20px);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:960px;max-height:960px;overflow:scroll;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 40px;-webkit-box-shadow:1px 1px 4px #dedede;box-shadow:1px 1px 4px #dedede}@media screen and (max-width:960px){body .app{width:calc(100% - 40px);margin:auto 20px}}body .app.next .container>.translate-button,body .app.next .container>.share-button{padding:20px 40px}body .app.next .container>.translate-button span,body .app.next .container>.share-button span{font-size:16px}body .app.next.share .container>.translate-button,body .app.next.share .container>.share-button{background-color:#55acee}body .app .container{-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-transform:scale(1,1);transform:scale(1,1)}body .app .container.close{-webkit-transform:scale(0,0);transform:scale(0,0)}body .app .container .desc,body .app .container .mode{display:inline-block;color:#555;font-size:18px;letter-spacing:1px}body .app .container .mode{-webkit-transition:0.2s ease;transition:0.2s ease;float:right;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 10px;vertical-align:top;font-weight:300;background-color:#ecf0f1;color:#212121;-webkit-box-shadow:1px 1px 4px #dedede;box-shadow:1px 1px 4px #dedede;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .app .container .mode.decode{color:#fafafa;background-color:#212121}body .app .container textarea{outline:none;background-color:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;width:100%;min-height:80px;line-height:18px;font-size:14px;padding:12px 20px;resize:vertical;vertical-align:middle}body .app .container .translate-button,body .app .container .share-button{-webkit-transition:0.2s ease;transition:0.2s ease;vertical-align:top;width:100%;font-size:0;background-color:#30d000;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0;cursor:pointer}body .app .container .translate-button span,body .app .container .share-button span{color:#fafafa;font-size:0;text-transform:uppercase;letter-spacing:2px}