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{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.App h1{animation:fadeIn 1s ease-in-out both;background:linear-gradient(135deg,#3498db,#8e44ad);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin:20px 0;padding-bottom:15px;position:relative;text-align:center;transition:all .3s ease}.App h1:hover{text-shadow:0 4px 10px #0000004d;transform:scale(1.05)}.App h1:after{background:linear-gradient(135deg,#3498db,#8e44ad);border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;transition:width .3s ease;width:140px}.App h1:hover:after{width:180px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-item{margin:10px;text-align:center}.image-item img{box-shadow:0 4px 8px #0003;transition:transform .3s ease}.image-name{background-color:#fffc;border-radius:6px;box-shadow:0 2px 4px #0003;color:#333;display:inline-block;font-size:14px;margin-top:8px;padding:5px 10px;transition:background-color .3s ease}.image-item:hover .image-name{background-color:#000000bf;color:#fff}.modal-content{text-align:center}.modal-image-name{background-color:#0009;border-radius:6px;color:#fff;display:inline-block;font-size:18px;font-weight:700;margin-top:15px;padding:8px 16px}.gallery{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-item img{cursor:pointer;height:auto;transition:transform .2s ease-in-out}.image-item:hover img{transform:scale(1.05)}.modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:80%;max-width:80%;position:relative}.modal-content img{border-radius:8px;height:auto;width:100%}.close-button{color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.gallery{grid-gap:16px;background-color:#f4f4f4;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.image-item{border-radius:8px;box-shadow:0 4px 8px #00000026;overflow:hidden;position:relative;transition:transform .3s ease}.image-item:hover{transform:scale(1.05)}.image-item img{border-radius:8px;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.image-name{background-color:#0009;border-radius:0 0 8px 8px;bottom:0;color:#fff;font-size:16px;font-weight:600;left:0;opacity:0;padding:10px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.image-item:hover .image-name{opacity:1}
/*# sourceMappingURL=main.dc65bf86.css.map*/