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}.movie-cards{box-shadow:0 4px 8px #0000001a;margin:1rem}.movie-cards img{border-radius:8px;cursor:pointer;height:auto;width:100%}.movie-cards h3{font-size:1.2rem;margin:.5rem 0}.movie-cards p{color:#666;margin:.25rem 0}.movie-detail{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:auto;padding:18rem 1rem 1rem;position:relative;text-align:center;z-index:1}.movie-detail:before{background:linear-gradient(180deg,#0000,#000c);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.movie-detail img{border-radius:.5rem;box-shadow:0 4px 8px #0003;height:auto;margin-bottom:1rem;max-width:18.75rem;width:50%}.movie-detail button{cursor:pointer;font-size:1rem;margin:1rem;padding:.625rem}.poster{height:0;overflow:hidden;padding-bottom:46%;position:relative;width:90%}.poster iframe{border:0;height:100%;left:0;padding-bottom:56.25%;position:absolute;top:0;width:100%}.poster img{border-radius:.5rem;height:auto;margin:0 auto;max-width:31.25rem;width:100%}.movieSpecs{background:#fffc;border-radius:.5rem;display:inline-block;margin-top:1rem;max-width:90%;padding:1rem}.movie-title{font-size:2rem;margin-bottom:.5rem}.movie-rating,.movie-released,.overview p{font-size:1.25rem;margin:.5rem 0}.movie-detail:after{content:"";display:block;height:2rem}@media (max-width:1024px){.movie-detail{padding:15rem 1rem 1rem}.movie-title{font-size:1.75rem}.movie-rating,.movie-released,.overview p{font-size:1rem}.movieSpecs{padding:.75rem}.movie-detail button{font-size:.875rem;padding:.5rem}}@media (max-width:768px){.movie-detail{padding:10rem 1rem 1rem}.movie-detail img{width:70%}.poster img{max-width:25rem}.movie-title{font-size:1.5rem}.movie-rating,.movie-released,.overview p{font-size:.875rem}.movieSpecs{padding:.5rem}.movie-detail button{font-size:.875rem;padding:.5rem}}@media (max-width:480px){.movie-detail{padding:5rem 1rem 1rem}.movie-detail img{width:90%}.poster img{max-width:20rem}.movie-title{font-size:1.25rem}.movie-rating,.movie-released,.overview p{font-size:.75rem}.movieSpecs{padding:.5rem}.movie-detail button{font-size:.75rem;padding:.5rem}}.dropdown-container{align-items:center;display:flex;flex-direction:column}.dropdown-container label{font-size:larger;margin:.5em}.genre-dropdown{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #ccc;border-radius:.25rem;box-shadow:0 .25rem .5rem #0000001a;cursor:pointer;font-size:1rem;margin:1rem;padding:.5rem;width:10rem}.genre-dropdown:focus{border-color:#61dafb;outline:none}.glide{box-sizing:border-box;position:relative;width:100%}.glide *{box-sizing:inherit}.glide__slides,.glide__track{overflow:hidden}.glide__slides{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;position:relative;touch-action:pan-Y;transform-style:preserve-3d;white-space:nowrap;width:100%;will-change:transform}.glide__slide,.glide__slides--dragging{-webkit-user-select:none;user-select:none}.glide__slide{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;height:100%;white-space:normal;width:100%}.glide__slide a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrow{background-color:initial;border:2px solid #ffffff80;border-radius:4px;box-shadow:0 .25em .5em 0 #0000001a;display:block;line-height:1;opacity:1;padding:9px 12px;position:absolute;text-shadow:0 .25em .5em #0000001a;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .15s ease,border .3s ease-in-out;z-index:2}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{bottom:2em;display:inline-flex;left:50%;list-style:none;position:absolute;transform:translateX(-50%);z-index:2}.glide__bullet{background-color:#ffffff80;border:2px solid #0000;border-radius:50%;box-shadow:0 .25em .5em 0 #0000001a;cursor:pointer;height:9px;line-height:0;margin:0 .25em;padding:0;transition:all .3s ease-in-out;width:9px}.glide__bullet:focus{outline:none}.glide__bullet:focus,.glide__bullet:hover{background-color:#ffffff80;border:2px solid #fff}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-webkit-grabbing}.glide{margin:auto;max-width:85%;padding:1rem}.glide__slides{padding-left:2.3rem}.glide__slide{flex:0 0 auto;text-align:center}.glide__arrow{background:#333;border:none;color:#fff;cursor:pointer;padding:1rem}.glide__arrow--left{left:-1.5rem}.glide__arrow--right{right:-1.5rem}.search-bar{display:flex;justify-content:center;margin:1rem 0;padding:.9rem}.search-bar input{border:1px solid #ccc;border-radius:.25rem;box-shadow:0 .25rem .5rem #0000001a;font-size:1rem;padding:.5rem;width:20%}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Arial Black,Gadget,sans-serif;font-size:calc(1rem + 2vmin);font-weight:700;justify-content:center;padding:1rem}.header-link{color:#fff;text-decoration:none}.App-link{color:#61dafb}.movie-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));padding:1rem}.movie-cards{align-items:center;background-color:#f8f8f8;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a;display:flex;flex-direction:column;padding:1rem}.App-logo{height:40vmin;pointer-events:none}@media only screen and (max-width:600px){.App-header{font-size:calc(.8rem + 2vmin)}.movie-list{grid-template-columns:1fr;padding:.5rem}.movie-cards{padding:.5rem;width:100%}}@media only screen and (min-width:600px) and (max-width:768px){.App-header{font-size:calc(1rem + 1.5vmin)}.movie-list{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:.5rem}.movie-cards{padding:.75rem;width:90%}}@media only screen and (min-width:1024px){.App-header{font-size:calc(1rem + 3vmin)}.movie-list{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:2rem}.movie-cards{padding:1.5rem;width:80%}}@media only screen and (min-width:1440px){.App-header{font-size:calc(1rem + 4vmin)}.movie-list{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));padding:3rem}.movie-cards{padding:2rem;width:70%}}
/*# sourceMappingURL=main.c5d0c228.css.map*/