body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{font-family:Arial,sans-serif;height:100%;margin:0}.register-container{align-items:center;background-image:linear-gradient(to bottom right,#000000b3,#0000004d),url(https://the7eagles.com/wp-content/uploads/2022/09/HTTP-Status-Code.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-radius:15px;box-shadow:0 0 20px #0000004d;margin-left:200px;padding:30px;width:400px}h2{color:#45a049;font-size:35px;font-style:italic;margin-bottom:25px;text-align:center}input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;padding:10px;width:calc(100% - 20px)}label{color:#333;font-size:18px;font-weight:700;margin-bottom:8px;text-align:left}button{background-color:#12b112;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.login-link{margin-top:10px;text-align:center}.login-link a{color:#219c21;font-size:1.3em;text-decoration:none}.login-link a:hover{text-decoration:underline}.error-message{color:crimson;font-size:.9em}.search-page{background-image:url(https://visme.co/blog/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-042.jpg);background-position:50%;background-size:cover;min-height:100vh;padding:20px}.filtered-results{margin-top:20px}.grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-item{align-items:center;display:flex;flex-direction:column;text-align:center}.image-name-input,.save-button{margin-bottom:10px;width:100%}.image{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%;object-fit:cover;width:100%}.save-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 16px;width:100%}.save-button:hover{background-color:#0056b3}.saved-container{background-image:url(https://www.shutterstock.com/shutterstock/photos/2200597295/display_1500/stock-photo-business-process-and-workflow-automation-with-flowchart-hand-holding-wooden-cog-flowing-process-2200597295.jpg);background-position:50%;background-size:cover;min-height:100vh;padding:20px}.saved-images-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.image-wrapper{align-items:center;border-radius:8px;display:flex;flex-direction:column;padding:10px;text-align:center}.image-name{font-size:20px;margin-bottom:10px}.saved-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;margin-top:5px;max-height:300px;max-width:100%;object-fit:cover;width:100%}.image-buttons{margin-top:10px}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:5px 10px}.delete-button:hover{background-color:#c82333}
/*# sourceMappingURL=main.019fe045.css.map*/