.movie-wrapper{align-items:center;display:flex;flex-direction:column}.movie-card{background-color:#101820;border-radius:12px;box-shadow:0 2px 12px #00bfff26;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:360px}.movie-card:hover{box-shadow:0 0 20px #00bfff66;transform:scale(1.03)}.poster{height:100%;object-fit:cover;width:100%}.card-hover-info{background:#000000b3;color:#fff;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;left:0;opacity:0;padding:16px;position:absolute;top:0;transition:opacity .3s ease;width:100%}.movie-card:hover .card-hover-info{opacity:1}.movie-title{color:#00bfff;font-size:18px;font-weight:600;margin-top:8px;text-align:center}@media screen and (max-width:768px){.movie-card{height:180px;width:95%}.movie-title{font-size:15px;padding:6px}.card-hover-info{font-size:12px;padding:10px}}.home-page{background:#0000;padding:40px 20px;text-align:center}.home-page h1{color:#00bfff;font-family:Orbitron,sans-serif;font-size:42px;margin-bottom:30px;text-shadow:2px 2px 8px #00bfff99}.search-bar{background-color:#1a2a35;border:none;border-radius:10px;box-shadow:0 0 10px #00bfff4d;color:#fff;font-size:16px;margin-bottom:40px;max-width:350px;padding:12px;width:90%}.movie-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media screen and (max-width:768px){.home-page h1{font-size:28px}.search-bar{font-size:14px;padding:10px}.movie-grid{gap:16px}}.movie-detail{color:#222;margin:auto;max-width:800px;padding:40px}.movie-detail img{border-radius:12px;margin-bottom:20px;width:100%}.back{color:#1976d2;display:inline-block;font-weight:700;margin-bottom:20px;text-decoration:none}.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{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}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}
/*# sourceMappingURL=main.a28b41eb.css.map*/