@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto',sans-serif}html{font-size:16px;scroll-behavior:smooth}body{background:url('img/bg.svg')}.container{width:100%;min-height:100vh;padding-top:15px}#upload-label{display:block;width:700px;max-width:calc(100% - 16px);cursor:pointer;margin:0 auto 10px auto;background:#fff;border-radius:15px}#upload-label img{width:100%}#download-all{font-size:22px;padding:7px 15px;cursor:pointer;display:block;margin:10px auto;background:#e67e22;border:none;outline:none;color:#fff;letter-spacing:.6px;display:none}#download-all:hover{background:#01b08d}.result{width:100%;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center}.output{overflow:hidden;margin:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f3f3;padding:5px}.output img{width:150px;height:150px;margin-bottom:5px}.compsize{font-size:18px;letter-spacing:.7px}.download{margin-top:5px;background:#e74c3c;padding:4px 0;width:100%;font-size:17px;color:#fff;border:none;outline:none;cursor:pointer;letter-spacing:.4px;display:flex;justify-content:center;align-items:center}.download:hover{background:#cb4435}.download img{height:25px;width:20px;margin-right:7px}.text-info{width:100%;background:#f3f3f3;width:100%;padding:20px 10px}.text-info h1{width:100%;text-align:center;font-size:27px;letter-spacing:.7px;line-height:32px}.text-info h2{font-style:25px;letter-spacing:.6px;line-height:32px}.text-info p{font-size:22px;letter-spacing:.7px;line-height:32px}.text-info img{width:700px;max-width:100%;display:flex;margin:0 auto}