@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}html{overflow:hidden}input{outline:none}:root{--blue:#0445af;--light-blue:rgba(4,69,175,.3);--lighter-blue:#e5ecf7}.blue{color:#0445af;color:var(--blue)}.button__helper{font-size:.8rem}.title{font-size:1.5rem;font-weight:400;position:relative;text-align:start}.button{align-items:center;background-color:#0445af;background-color:var(--blue);border:none;border-radius:30px;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.4rem;font-weight:700;justify-content:flex-start;padding:8px 56px;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.button:hover{cursor:pointer;-webkit-filter:contrast(.8);filter:contrast(.8)}.button:active{-webkit-filter:brightness(.8);filter:brightness(.8)}.textarea{border:none;border-bottom:2px solid rgba(4,69,175,.3);border-bottom:2px solid var(--light-blue);font-size:32px;height:40px!important;line-height:1.5;margin:32px 0 12px;outline:none;overflow:hidden;resize:none;width:100%}.input,.textarea,.textarea:focus{color:#0445af;color:var(--blue)}.input{border:none;border-bottom:2px solid rgba(4,69,175,.3);border-bottom:2px solid var(--light-blue);font-size:1.5rem;line-height:3.5rem;margin:32px 0 12px;width:100%}.input:focus,.textarea:focus{border-bottom:2px solid #0445af;border-bottom:2px solid var(--blue)}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:rgba(4,69,175,.3);color:var(--light-blue)}.input::placeholder,.textarea::placeholder{color:rgba(4,69,175,.3);color:var(--light-blue)}.input--file{background-color:#e5ecf7;background-color:var(--lighter-blue);border:1px dashed rgba(4,69,175,.3);border:1px dashed var(--light-blue);border-radius:4px;cursor:pointer;height:300px;margin:32px 0 12px;position:relative;transition:background-color .2s ease;width:100%}.file__info{align-items:center;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.file{cursor:pointer;height:100%;opacity:0;width:100%}.file__info--para1{font-size:.9rem}.file__info--para2{font-size:.8rem}.upload_image--wrapper{position:relative}.upload-arrow{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.input--file:hover{background-color:rgba(4,69,175,.3);background-color:var(--light-blue)}.question__number{color:#0445af;color:var(--blue);font-size:1rem;left:-36px;position:absolute;top:6px}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 32px;position:relative}.error-para{background-color:#f7e6e6;border-radius:4px;color:#af0404;display:inline-flex;margin-bottom:12px;padding:5px}.home{align-items:center;gap:32px}.home,.home__img--wrapper{display:flex;flex-direction:column}.home__img--wrapper{align-content:center;align-items:flex-start;flex-wrap:wrap;justify-content:center;max-height:550px;max-width:550px;position:relative;-webkit-user-select:none;user-select:none}.home__img{height:80%;max-width:300px;width:80%}.button--wrapper{align-items:center;display:flex;gap:8px}.question{max-width:750px;padding:0 20px;width:100%}.textarea--helper{color:#0445af;color:var(--blue);font-size:.75rem;margin-bottom:12px;text-align:start}.navigation{bottom:16px;display:flex;position:fixed;right:60px;width:30px}.nav__button{background-color:#0445af;background-color:var(--blue);border:none;color:#fff;cursor:pointer;padding:6px 10px;transition:background-color .2s ease}.nav__button:disabled{background-color:gray;cursor:default}.nav__button--left{border-bottom-left-radius:4px;border-right:1px solid hsla(0,0%,100%,.3);border-top-left-radius:4px}.nav__button--right{border-bottom-right-radius:4px;border-top-right-radius:4px}.progress-bar{background-color:rgba(4,69,175,.3);background-color:var(--light-blue);height:4px;position:absolute;top:0;width:100%}.progress-bar--actual-progress{background-color:#0445af;background-color:var(--blue);height:100%}.result__img{height:100%;max-width:300px;width:100%}.result__para{text-align:center}
/*# sourceMappingURL=main.01a9eb45.css.map*/