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}.header{background-color:#020812;color:#fff;flex-direction:column;padding:10px 20px}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.header-title{font-family:Disney,sans-serif;font-size:1.8rem;margin-right:20px}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-list li{margin:0 10px}.nav-list a{color:#fff;font-size:1rem;font-weight:500;text-decoration:none}.nav-list a:hover{text-decoration:underline}@media (max-width:768px){.header-content{align-items:center;flex-direction:column}.header-title{font-size:1.5rem;margin-bottom:10px}.nav-list{align-items:center;flex-direction:column}.nav-list li{margin:5px 0}}@media (max-width:480px){.header-title{font-size:1.2rem}.nav-list a{font-size:.9rem}}.carousel-container{align-items:center;background-color:#0e2c62;border-radius:8px;display:flex;margin:20px auto;overflow:hidden;position:relative;width:50%}.carousel{display:flex;transition:transform .5s ease;width:100%}.carousel-item{align-items:center;box-sizing:border-box;display:flex;flex:0 0 100%;justify-content:center}.carousel-item img{border:5px solid #fff;border-radius:8px;height:auto;width:40%}.carousel-control{background-color:#040e21;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control.left{left:10px}.carousel-control.right{right:10px}.movie-carousel{margin:0;padding:0}.carousel-slides{display:flex;transition:transform .5s ease-in-out}@media (max-width:768px){.carousel-container{width:95%}.carousel-control{font-size:18px;padding:8px}.indicator{height:10px;width:10px}}.carousel-indicators{display:flex;justify-content:center;margin-top:10px}.indicator{background-color:#fff;border:none;border-radius:50%;cursor:pointer;height:15px;margin:0 7px;opacity:.5;width:15px}.indicator.active{opacity:1}@media (max-width:768px){.indicator{height:12px;margin:0 5px;width:12px}}@media (max-width:480px){.indicator{display:none}}.movies-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:20px auto;overflow:hidden;padding:20px;transition:transform .5s ease}.movie-item{align-items:center;background-color:#020711;border-radius:8px;box-shadow:0 4px 8px #0003;box-sizing:border-box;color:#fff;display:flex;font-weight:700;height:200px;justify-content:center;margin:0 10px 10px 0;padding:20px;text-align:center;transition:transform .3s ease}.hide-item{display:none}.movie-item p{font-size:1em}@media (min-width:1200px){.movie-item{width:calc(20% - 10px)}}@media (max-width:1199px) and (min-width:900px){.movie-item{width:calc(25% - 10px)}.movie-item:nth-child(n+5){display:none}}@media (max-width:899px) and (min-width:600px){.movie-item{width:calc(33.33% - 10px)}.movie-item:nth-child(n+4){display:none}}@media (max-width:599px) and (min-width:400px){.movie-item{width:calc(50% - 10px)}.movie-item:nth-child(n+3){display:none}}@media (max-width:399px){.movie-item{width:calc(50% - 10px)}.movie-item:nth-child(n+3){display:none}}.movie-item.interstellar p{color:#f0f0f0;font-family:Times New Roman,serif;font-size:1.2em;letter-spacing:.05em}.movie-item.arrival p{color:#b0b0b0;font-family:Arial,sans-serif;font-size:1.1em;text-transform:uppercase}.blade-runner p{color:#ff3c3c;font-family:Courier New,monospace;font-size:1.2em;letter-spacing:.1em}.space-odyssey p{color:#e0e0e0;font-family:Georgia,serif;font-size:1.2em;text-transform:uppercase}.matrix p{color:#0f0;font-family:Courier New,monospace;font-size:1.2em;letter-spacing:.05em}.inception p{color:#b22222;font-family:Arial Black,sans-serif;font-size:1.3em;text-transform:uppercase}.starship-troopers p{color:gold;font-family:Impact,sans-serif;font-size:1.1em}.back-to-the-future p{color:#ff9500;font-family:Arial,sans-serif;font-size:1.2em;font-style:italic}.looper p{color:#fff;font-family:Helvetica,sans-serif;font-size:1.1em}.martian p{color:#ff4500;font-family:Verdana,sans-serif;font-size:1.3em;text-transform:uppercase}.dune p{color:#e0e0e0;font-family:Garamond,serif}.dune p,.et p{font-size:1.2em}.et p{color:#87cefa;font-family:Comic Sans MS,sans-serif}.fifth-element p{color:#fd0;font-family:Tahoma,sans-serif;font-size:1.3em}.ex-machina p{color:#ccc;font-family:Roboto,sans-serif;font-size:1.1em}.her p{color:#ff69b4;font-family:Arial,sans-serif;font-size:1.2em}.trailers-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;padding:20px}.trailer-item{background-color:#04060a;box-shadow:0 4px 8px #0003;box-sizing:border-box;color:#fff;flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;max-width:200px;padding:10px;text-align:center}.trailer-image,.trailer-item{border-radius:8px;height:auto}.trailer-image{margin-bottom:10px;width:100%}.trailer-item h3{font-size:1em;margin-bottom:10px}@media (max-width:600px){.trailer-item{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;padding:5px}.trailer-item h3{font-size:.9em}.trailers-container:after{content:"";display:block;flex:1 1 100%;height:0;width:0}.trailers-container>:last-child{display:none}}.movie-details{background-color:#040e21;border-radius:8px;box-sizing:border-box;margin:20px auto;max-width:100%;padding:20px;text-align:center;width:90%}.movie-details img{border:5px solid #fff;border-radius:8px;display:block;height:auto;margin:0 auto;max-width:400px;width:100%}.movie-details h2{font-size:1.8rem;margin-bottom:10px}.movie-details p{font-size:1.1rem;line-height:1.5}.release-date{font-weight:700;margin-top:10px}@media (max-width:768px){.movie-details{padding:15px}.movie-details h2{font-size:1.5rem}.movie-details p{font-size:1rem}}@media (max-width:480px){.movie-details{margin:10px auto;padding:10px}.movie-details img{max-width:90%}.movie-details h2{font-size:1.2rem}.movie-details p{font-size:.9rem}}.footer{background-color:#040e21;box-shadow:0 -2px 5px #0003;color:#fff;max-width:100%;padding:10px;text-align:center}@media (max-width:768px){.footer{padding:8px}}@media (max-width:480px){.footer{padding:6px}}.App{background-color:#0e2c62;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0;text-align:center}
/*# sourceMappingURL=main.cff1d3ee.css.map*/