@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{font-family:Inter,sans-serif}body{background-color:#fafafc;color:#777;display:flex;height:100vh;justify-content:center;margin:0;padding:0;width:100vw}li{list-style:none}a{font-weight:600;text-decoration:none}.divider{opacity:.08;width:100vw}.container,.header{margin:0 auto;width:70vw}.header{align-items:center;display:flex;justify-content:space-between}.header ul{display:flex;gap:2rem}.header ul li a{color:#777;transition:all .15s ease-in}.header ul li a:hover{color:#8b3dff}.logo a{color:#333;font-family:Montserrat,sans-serif;font-weight:200;text-transform:uppercase}.logo-second{color:#8b3dff;font-weight:900}.showcase{margin-top:5rem}.showcase h1{color:#333;font-size:3.6rem;font-weight:800;margin:0;text-transform:capitalize}.showcase p{font-size:1.13rem;margin:2rem 0 1rem}.searchSection{display:flex;flex-direction:column;justify-content:center;width:100%}.detailed-description{font-size:1.1rem;margin-bottom:1.5rem}.surprise{background:#8b3dff;border-radius:3px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:800;margin:0 0 .125rem .313rem;padding:.3rem .55rem;transition:all .2s ease}.surprise:hover{opacity:.9}.error-message{background:#f44336;border-left:5px solid #8b0000;border-radius:5px;color:#fff;font-weight:600;opacity:.9;padding:10px;width:320px}.iconFontAwesome{margin-right:.4rem}.inputContainer{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,82,.15);display:flex;gap:.3rem;overflow:hidden;width:100%}.inputContainer input{border:none;box-sizing:border-box;font-size:.91rem;outline:none;padding:.91rem .87rem;width:90%}.inputContainer input::-webkit-input-placeholder{color:#cacaca}.inputContainer input::placeholder{color:#cacaca}.inputContainer .btn{background-color:#8b3dff;border:none;border-left:3px solid #551a8b;color:#fff;cursor:pointer;font-weight:600;transition:all .2s ease;width:10%}.inputContainer .btn:hover{opacity:.9}.loading{margin-top:1rem}.loading-text{font-weight:200;margin-top:.6rem}.loading-bar{width:0}.loading-bar,.loading-bar-full{background:#8b3dff;border-radius:5px;height:8px}.loading-bar-full{transition:all 15s ease-in;width:100%}.hidden{display:none}.imageSection{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.imageSection img{max-width:1000px;padding:1rem}@media (max-width:1400px){.inputContainer input{border:none;font-size:.91rem;outline:none;padding:.91rem 1rem;width:80%}.inputContainer .btn{background-color:#8b3dff;border:none;border-left:3px solid #551a8b;color:#fff;cursor:pointer;font-weight:600;transition:all .2s ease;width:20%}}@media (max-width:860px){.container{margin:0 auto;width:80vw}}@media (max-width:556px){.imageSection img{margin-bottom:1rem;max-width:470px;padding:0}.detailed-description{font-size:.9rem;margin-bottom:1.5rem;text-align:center}.header{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100vw}.header ul{display:none}.container{margin:0 auto;width:90vw}.showcase{margin-top:2.4rem;text-align:center}.showcase h1{color:#333;font-size:2.7rem;font-weight:800;margin:0;text-transform:capitalize}.showcase p{font-size:1.13rem;margin:2rem 0 1rem}.surprise{background:#ececf1;border-radius:10px;color:#000;cursor:pointer;font-size:.7rem;font-weight:800;margin:0 0 .125rem .13rem;padding:.3rem .25rem;transition:all .2s ease}.inputContainer{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,82,.15);display:flex;gap:.3rem;width:100%}.inputContainer input{border:none;font-size:.91rem;outline:none;padding:.91rem 1rem;width:78%}.inputContainer input::-webkit-input-placeholder{color:#cacaca}.inputContainer input::placeholder{color:#cacaca}.inputContainer .btn{background-color:#8b3dff;border:none;border-left:3px solid #551a8b;color:#fff;cursor:pointer;font-weight:600;transition:all .2s ease;width:28%}.imageSection{flex-direction:column}}@media (max-width:400px){.inputContainer input{width:80%}.inputContainer .btn{width:25%}}
/*# sourceMappingURL=main.3370b30a.css.map*/