@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,300&display=swap);:root{--color:#1e90ff;--border:grey}*,:after,:before{box-sizing:border-box}.App{font-family:Roboto,sans-serif;font-size:20px;margin:auto;min-height:100vh;scroll-behavior:smooth;text-align:center}.container{margin:0;padding:0;position:relative;width:100%}.container .sections-container{margin:0;padding:.1em;width:100%}section{margin:0;padding:0;width:100%}img.hidden,section.hidden{display:none}#file,.photo-container,.settings,footer,h1,h2,input{max-width:100%;width:500px}.photo-container{margin:auto;min-height:45vh}h1{font-size:24px;font-weight:100;margin:auto auto 1.2em}h2{background-color:#1e90ff;background-color:var(--color);border:2px solid #1e90ff;border:2px solid var(--color);color:#fff;font-size:36px;margin:0 auto .5em;padding:.3em}p{font-size:18px}#file{font-size:20px;margin:auto;visibility:hidden}.image-btn{background-color:#1e90ff;background-color:var(--color);border:2px solid grey;border:2px solid var(--border);border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.5);color:#fff;cursor:pointer;display:block;font-size:22px;margin:auto;max-width:80%;text-align:center;transition:all .5s ease;width:500px}.image-btn:hover{box-shadow:3px 3px 6px rgba(0,0,0,.5)}#file::-webkit-file-upload-button{background-color:#1e90ff;background-color:var(--color);border:2px solid grey;border:2px solid var(--border);border-radius:5px;color:#fff;cursor:pointer;margin-right:1em;-webkit-transition:all .5s ease;transition:all .5s ease;width:15ch}#file:hover{margin-left:.5em}img{max-height:90vh;object-fit:contain;width:100%}.settings{border:2px solid gray;flex-wrap:wrap;font-size:16px;gap:.7em;justify-content:center;margin:10px auto auto;padding:.7em 1em}.settings,.slider-container{align-items:center;display:flex}.slider-container .slider{cursor:pointer;margin:0 .2em;max-width:95%;vertical-align:middle;width:300px}.slider-container .slider-button{align-items:center;background-color:#1e90ff;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;margin:0;padding:0;text-align:center;width:1.2em}.slider-container .slider-button:hover{background-color:gold;box-shadow:none}button{background-color:transparent;border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.5);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;margin:.6em 0 .8em;max-width:45%;padding:.3em 0;transition:all .5s ease;width:360px}button:hover{box-shadow:3px 3px 6px rgba(0,0,0,.5)}button.set{border:2px solid #1e90ff;border:2px solid var(--color);color:#1e90ff;color:var(--color);margin:1em 5px 0}button.reset{border:2px solid red;color:red;margin:1em 5px 0}.result,.selectors{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin:auto;width:100%}.option{font-weight:700}.result p{margin:0}.dataResized{border:2px solid gold;padding:.3em;width:100%}.dataResized span{color:gold}.select{border:none;color:#1e90ff;font-size:20px;font-weight:700;margin:0;transition-delay:2s}select{background-color:#1e90ff;background-color:var(--color);border:2px solid grey;border:2px solid var(--border);border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:20px;padding-left:.5em;transition:all .5s ease;width:12ch}select:hover{width:13ch}a{background-color:#1e90ff;background-color:var(--color);border:2px solid grey;border:2px solid var(--border);border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.3);color:#fff;letter-spacing:1px;padding:.3em 1em;text-decoration:none;transition:all .5s ease}a:hover{color:gold}.exif-data{border:2px solid gray;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;overflow:hidden;padding:.5em;white-space:normal;width:100%}.exif-data p{font-size:12px;margin:.5em 1em}footer{background-color:#1e90ff;background-color:var(--color);border:2px solid #1e90ff;border:2px solid var(--color);color:#fff;font-weight:300;margin:20px auto auto;padding:.3em 0;text-align:center}footer a{border:none;box-shadow:none;color:#fff;font-weight:600;padding-bottom:.1em;transition:all .5s ease}footer a:hover{background-color:#fff;color:#1e90ff;color:var(--color);font-weight:700}@media only screen and (min-width:600px){.photo-container,.settings,footer,h1,h2,input{max-width:100vw;width:600px}.photo-container{min-height:55vh}.result,.selectors{gap:.5em}.select,select{font-size:18px}.filters{gap:.5em}.slider-container .slider,.slider-container button{width:560px}}@media only screen and (min-width:768px){.photo-container,.settings,footer,h1,h2,input{max-width:100vw;width:760px}.settings{gap:3px;width:100%}.slider-container .slider,.slider-container button{width:680px}.exif-data{padding:.5em}.exif-data p{font-size:16px;margin:0 .8em}}@media only screen and (min-width:1280px){.photo-container,footer,h1,h2,input{max-width:100vw;width:1000px}.sections-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}section.photo{padding:5px;width:60%}section{padding:5px;width:40%}.select,select{font-size:20px}.slider-container .slider,.slider-container button{max-width:100%;width:318px}button.reset,button.set{width:150px}.result{gap:10px}}
/*# sourceMappingURL=main.9e6645d1.css.map*/