body{font-family:Poppins,Verdana;background-color:#bdbdbd;font-size:medium}button,select,input{font-family:Roboto,Verdana,Poppins;font-size:large;border-radius:0%;border:1px;border-style:solid;background-color:#fff;box-shadow:3px 3px #888;padding:5px 10px}button:hover,input:hover,select:hover{background-color:#e6e5de}button:active{background-color:silver}input[type=checkbox]{transform:scale(1.5);box-shadow:none}input[type=text]{width:100px}input[type=range]{box-shadow:none;padding-left:0;padding-right:0}.topDiv{background-color:#bdbdbd}.ImageInfo{display:flex;gap:16px;padding-left:10px;justify-content:center}.ImageInfo{font-size:large}#imgSize{font-weight:700}.tools-container{padding-left:10px}.imgSelectDiv{width:95%;display:flex;flex-wrap:nowrap;gap:16px;align-items:center;padding-left:10px}#imgSelectBtn{min-width:105px;margin-right:10px}.dimensionInfo{width:100%;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;align-items:center}.Sliders{display:flex;flex-wrap:wrap;margin-bottom:8px}.ScaleSlider,.QualitySlider{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-right:16px}.OptionsDiv{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.OptionsButtonsDiv,.RotateButtonsDiv{display:flex;gap:8px;margin-right:8px}.exportImage{display:flex;gap:8px;margin-bottom:16px}.imageContainer{display:flex;justify-content:center;align-items:center;width:auto;min-height:200px}.canvasDiv{height:fit-content;width:fit-content;margin:50px 8px 8px;border-width:1px;border-style:solid;background-color:#fff;z-index:-1}#canvas{display:block;width:100%}.infoTextDiv{margin-top:100px}.modalDiv{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal{font-size:large;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;border:1px solid black;width:40%;height:30%;padding-bottom:10px;background-color:#e7e1da;box-shadow:10px 10px #0000007c;margin-bottom:90px}#modalImgSelectBtn{font-size:22px}@media screen and (max-width: 1000px){.modal{width:85%;height:25%;font-size:medium}}