body{margin:0;position:absolute;box-sizing:border-box;background-color:#efefefd8;font-family:Arial,sans-serif;height:100%;width:100%;overflow-y:auto}.container{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.title{display:flex;justify-content:center;color:#cecece;background-color:#3e444f;text-align:center;font-size:2rem;font-weight:700;margin-bottom:16px;padding:.2cm;width:100%;box-shadow:0 1px 5px 1px #0003}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;gap:16px;padding:.5cm}.section{position:relative;width:50%;background-color:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 8px #0000001a;height:100%}.section-title{background-color:#3f4245;font-size:1.25rem;font-weight:700;margin-bottom:.5cm;padding:.2cm;color:#f5f5f5}.file-input{display:none}.custom-button{background-color:#4caf50;color:#e6e5e5;padding:.21cm .35cm;border-radius:4px;cursor:pointer;font-size:.4cm;transition:background-color .3s;margin-top:.2cm}.custom-button:hover{background-color:#367d39}.predict-btn{background-color:#fff;color:#000;padding:.21cm .35cm;border-radius:.1cm;margin-top:.2cm;border:.2mm solid rgb(221,221,221);cursor:pointer;transition:.25s}.predict-btn:hover{background-color:#e6e6e6;border:.2mm solid rgb(221,221,221)}.result-div{display:flex;flex-direction:row;padding:.2cm;margin-bottom:.4cm;box-shadow:1px 1px 5px #0003}.result-div img{border:.2mm solid rgb(0,0,0,.5)}.result-label{display:flex;justify-content:center;border:.2mm solid rgb(0,0,0);background-color:#000;color:#f5f5f5;border-radius:.1cm;height:fit-content;width:fit-content;padding:.2cm;font-size:.5cm;margin-left:.5cm;margin-top:.5cm;font-weight:600}.loading-circle{min-width:1cm;min-height:1cm;border:2mm solid whitesmoke;border-top:2mm solid steelblue;border-bottom:2mm solid steelblue;max-width:1cm;max-height:1cm;border-radius:1cm;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;transition:1s}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(359deg)}}@media only screen and (max-device-width:800px){.input-image{width:5cm;height:5cm}.section{width:100%;height:100%}.result-label{margin-left:0;margin-right:0}.title{font-size:.6cm}.result-div{display:flex;flex-direction:column;align-items:center}.output-image{width:4cm;height:4cm}}