html,body{height:100%;margin:0}body{background-color:#f8f9fa;display:flex;flex-direction:column}.container{max-width:400px;margin:0 auto;flex:1}#outputCanvas,#cropContainer{display:none;max-width:100%;max-height:60vh!important;margin-left:auto;margin-right:auto}#downloadBtn{font-size:20px;display:none}.utility{max-width:200px;margin:0 auto}#colorPicker{padding:0;height:40px;width:100px!important;text-align:center;margin-left:auto;margin-right:auto;border-radius:8px;cursor:pointer;overflow:hidden}#colorPicker:focus{outline:none;box-shadow:none}#colorPicker::-webkit-color-swatch{border-radius:8px}#colorPicker::-moz-color-swatch{border-radius:8px}#colorPicker{display:none}#colorPickerLabel{display:none;text-align:center}.cropper-point.point-se{background-color:#058bf3!important;width:16px!important;height:16px!important}.btn.active{background-color:#2a2a2a!important}#imageUpload{display:none!important}.img_label{font-size:22px;color:#474747;background-color:#0d6efd;color:white;text-align:center;border-radius:.375rem}.img_label:hover{background-color:#0557d1}#downloadBtn{background-color:#198754;color:white;font-weight:600}#downloadBtn:hover{background-color:#157146}footer{background-color:#333;color:white;padding:20px 0;text-align:center;position:relative;width:100%;bottom:0}.navbar-toggler{margin-right:10px}.navbar-toggler:focus,.navbar-toggler:active{outline:none;box-shadow:none}.btn-warning{background-color:#ffd700;border-color:yellow;color:black;font-size:14px;border-radius:3px!important;padding-left:8px;padding-right:8px}.btn-warning:focus,.btn-warning.focus{background-color:#f7df55;box-shadow:none}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active{background-color:#ffd700;border-color:yellow}@media (max-width:991px){.navbar-nav .nav-link{padding:15px 15px;border-bottom:1px solid rgba(255,255,255,.1);background-color:rgba(255,255,255,.05)}.navbar-collapse ul{margin-top:22px;padding-bottom:10px}.navbar-collapse .nav-link{padding-left:25px;font-size:16px}}#backgroundBtn,#colorBtn,#cropBtn,#stretchBtn{font-size:.875rem}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}.cropper-container{margin-top:1rem}.outerWrapper{max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}