html,body{margin:0;padding:0;overflow:hidden;background-color:#556270;font-family:Arial;height:100%}.import,.export{font-weight:700;text-align:center;color:#e2ceab;font-size:24px;padding:20px;background:linear-gradient(to bottom,#916d21 0%,#59523e 38%);transition:opacity 400ms cubic-bezier(.23,1,.32,1);position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;height:210px;box-shadow:1px 1px 5px #000}textarea{margin:20px;width:370px;height:100px;border:1px solid}button{-moz-box-shadow:inset 0 34px 0 -15px #b54b3a;-webkit-box-shadow:inset 0 34px 0 -15px #b54b3a;box-shadow:inset 0 34px 0 -15px #b54b3a;background-color:#a73f2d;border:1px solid #241d13;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:9px 23px;text-decoration:none;text-shadow:0 -1px 0 #7a2a1d}button:hover{background-color:#b34332}button:active{position:relative;top:1px}img{transition:opacity 400ms cubic-bezier(.23,1,.32,1);position:absolute;display:block;left:0;right:0;margin:auto;top:20px;max-width:80%;max-height:70%}.opacity{opacity:0}.loadBar{font-weight:700;text-align:center;color:#635314;font-size:24px;overflow:hidden;position:absolute;top:calc(80% - 10px);margin-left:auto;margin-right:auto;box-shadow:1px 1px 5px #000;text-shadow:0 0 5px #635314,0 1px 1px #000;border-top:2px solid #c4a528;background-color:#dec55f;width:0%;height:30px;padding:5px;transition:all 1000ms cubic-bezier(.23,1,.32,1);pointer-events:none}.hide{pointer-events:none;padding:0;overflow:hidden;height:0;opacity:0}canvas{display:block;margin-left:auto;margin-right:auto}