@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);body{font-family:Poppins,sans-serif;margin:0}.app-container{background-color:#f3f3fe;max-width:100%;min-height:calc(100vh - 2rem);padding:1rem;position:relative}.header form{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.title{font-size:1.5rem;font-weight:700;text-align:center;text-transform:capitalize}.title span{color:#ff7a45}.form-grid{align-items:center;display:flex;flex-direction:row;gap:.5rem;max-width:100%;width:450px}.header input{background-color:#fff;border:none;border-radius:.25rem;box-shadow:0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a;font-size:.9rem;outline:none;padding:.75rem 1.25rem;position:relative;width:100%}.header input::-webkit-input-placeholder{color:#949fae;font-weight:500}.header input::placeholder{color:#949fae;font-weight:500}.submit-btn{background-color:#ff7a45;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.9rem;outline:none;padding:.75rem 1.25rem;position:relative;transition:all .25s}.submit-btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.image-list{-webkit-column-gap:.5rem;column-gap:.5rem;-webkit-columns:250px 4;columns:250px 4;margin:0 auto;max-width:1024px}.image-list-img{border-radius:.5rem;margin-bottom:.5rem;width:100%}.pagination{color:#949fae;font-size:.9rem;margin:2rem 0 1rem;position:relative;text-align:center;width:100%}.pagination button{background-color:#fff;border:none;border-radius:.5rem;box-shadow:0 2px 4px -2px #1018280f,0 4px 8px -2px #1018281a;cursor:pointer;display:inline-block;margin:.5rem;outline:none;padding:.75rem 1.25rem;transition:all .3s}.pagination button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.message{background-color:#fef2f2;border:1px solid #f87171;border-radius:.5rem;color:#f87171;font-size:.9rem;margin:0 auto;padding:1rem 1.5rem;text-align:center;width:-webkit-max-content;width:max-content}.loading{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #ff7a45;border-radius:50%;border-top-color:transparent;height:50px;margin:1.5rem auto 0;position:relative;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:500px){.header form{align-items:flex-start;flex-direction:column}.submit-btn{width:100%}}
/*# sourceMappingURL=main.17cdc14b.css.map*/