body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h1{text-align:left;text-decoration:underline}.main{height:97vh;padding-top:70px}.menu-button{position:fixed;top:163px;padding:10px;height:-moz-fit-content;height:fit-content;background-color:#21ff00;color:#000;font-weight:bolder;border:1px solid #21ff00}.menu-button span{width:20px;height:80px;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright}.container{margin-left:20%}.home-container{padding-top:10%;height:100%}.menu-title{text-align:center;background-color:transparent;justify-content:space-around;border-radius:5px;font-weight:700}.menu-title:hover{background-color:#fff}.menu-text{border:2px solid #b3b8b2;border-radius:5px;width:210px}.menu-text:hover{background-color:#97fc87}.home-img{max-width:100%;max-height:100%}.image{padding:15px;border:2px solid #38b8b2;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.logo{margin-right:20px;width:40px;height:40px;border:1px solid #000;border-radius:50%;background:#fff}.nav_title{text-decoration:none;color:#fff;display:flex;align-items:center;margin:0 20px 0 0}.imageForm{width:60%;margin:20px auto}.image-enter{transform:translateX(350px)}.image-enter-active{transform:translateX(0);transition:all .5s ease-in}.image-exit{opacity:1}.image-exit-active{transform:translateX(-350px);transition:all .5s ease-in}.buttonSet{padding:10px;border:2px solid #21ff00;height:100px;margin-top:73px;margin-right:10px;display:flex;flex-direction:column}.imageBox{height:50vh}.box{padding:10px}.result-box{border-left:2px solid #41c52d;min-width:200px;height:100%;padding-left:30px}.listingImages{background-color:#000;padding:10px;margin-top:0;height:175px;display:-webkit-flex;flex-wrap:nowrap;overflow-x:auto}.listingImages .sampleImage{position:relative}.sampleImage{width:200px;height:145px;margin-left:5px;transform:scale(1);transition:.5s ease-in-out}.sampleImage:hover{transform:scale(.9)}#examButton{color:#000;background-color:#80837a}#clearButton,#examButton{width:100%;margin-left:0;border:0 solid #000;border-radius:2px 2px 0 0}#clearButton{display:none;background-color:#161ddd;color:#fff}#clearButton:hover{background-color:#1a1f9f}#downloadButton{width:100%;background-color:#41c52d;word-spacing:10px;border-radius:5px}.image-upload-input{display:none}.uploadImage{position:relative;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;max-width:100%;height:342px;text-align:center;border-radius:5px 5px 2px 2px;border:10px solid #5a5252}.imageConatainer{position:relative;display:inline-block;background-color:#000}#section-image{height:322px}.display-text-content:hover{opacity:70%}.textContent{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#fff}.img-display{height:323px;width:431px}#buttons{position:absolute;top:0;right:0;cursor:pointer;font-size:10px}.selectPlace{max-width:100%;height:345px;margin:auto}.selectPlace:hover{background-color:#f0f8ff}.img-upload{width:80px}.sample-image-text{background-color:#2e302a;color:azure;font-weight:700;padding:4px 3px}.result-display-card{min-height:340px;padding:10px;border-radius:5px;border:10px solid #5a5252}.module-sample-image{width:400px;height:auto}#image-section{width:500px;height:500px}.module-sample-image{width:100%;height:100%;object-fit:contain}#section{display:flex;width:100%}.section-division{display:flex;width:50%;height:auto}#button-section{display:flex;flex-direction:column;padding-left:20%}.cropped-image{height:323px;width:431px}.crop-container{height:322px}.inputfield{border:10px solid #000}