body{font-family:sans-serif;margin:0;background-color:#0e6a6d;color:#fff}.navbar{padding:1.5rem;text-align:center;font-size:1.5rem;font-weight:700;border-bottom:1.5px solid white}.home{text-align:center;padding:1.2rem}.search-bar{width:50%;padding:.8rem;border-radius:.4rem;margin:1.25rem auto;display:block;border:none;outline:none}.Image-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;padding:1.2rem}.image-details{text-align:center;padding:2rem;color:#fff}.image-details img{width:60%;max-width:900px;height:auto;border-radius:.75rem;margin-bottom:1.5rem;transition:transform .3s ease}.image-details img:hover{transform:scale(1.05)}@media(max-width:16rem){.image-details img{width:90%}}.download-btn{background-color:#7fffd4;display:inline-block;color:#000;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background-color .3s ease}.download-btn:hover{background-color:#0ff}.image-card img{width:100%;height:220px;object-fit:cover;border-radius:.75rem;transition:.3s}.image-card img:hover{transform:scale(1.05)}button{background-color:#7fffd4;color:#000;border:none;padding:.7rem 1 rem;border-radius:.5rem;cursor:pointer;margin-top:1rem}button:hover{background-color:#0ff}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0}.pagination button{background-color:#7fffd4;color:#000;padding:.8rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:700;transition:.2s}.pagination button:hover{background-color:#00f}.pagination button:disabled{background-color:gray;cursor:not-allowed}.pagination span{font-size:1.2rem;color:#fff}.flip-card{position:relative;width:100%;height:300px;perspective:1000px;cursor:pointer}.flip-card .flip-front,.flip-card .flip-back{position:absolute;width:100%;height:100%;border-radius:.75rem;overflow:hidden;backface-visibility:hidden;transition:transform .6s ease}.flip-card .flip-front{transform:rotateY(0)}.flip-card .flip-back{transform:rotateY(180deg);background-color:#1f1e1e1a;color:#fff;padding:1rem;text-align:left;font-size:.9rem;overflow-y:auto}.flip-card.flipped .flip-front{transform:rotateY(180deg)}.flip-card.flipped .flip-back{transform:rotateY(0)}.flip-card img{width:100%;height:220px;object-fit:cover;border-radius:.75rem}.flip-title{margin-top:.5rem;text-align:center;font-weight:700}.flipdetails-btn{display:inline-block;text-decoration:none;margin-top:1rem;padding:.5rem .75 rem;color:#fff;font-weight:700;border-radius:.5rem}.flipdetails-btn :hover{color:red}