:root{--background:#504b43;--accent:#8fd694;--accent-dark:#397367;--focus:#52489c;--accent-light:#5da399;--text:#fefefa}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#504b43;background-color:var(--background);color:#fefefa}ul{list-style-type:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{color:#fff}.home-view{font-weight:700;text-align:center;min-height:100vh;position:relative}.home-view div h1{font-size:2rem;text-shadow:2px 2px #000}.home-view p{position:fixed;width:100%;bottom:0;margin:20px}.Detail-View{display:grid;margin-left:1em;margin-right:1em}.movie-browser{background-color:#504b43;background-color:var(--background);padding:25px;border-radius:10px;display:inline-block;margin-top:200px}.default-view{display:grid;grid-template-rows:auto auto 2fr;grid-template-columns:auto minmax(auto,1fr);margin-left:1em;margin-right:1em}.header{grid-column:1/4;background-color:#504b43;background-color:var(--background)}.header-menu{float:right}.header-title{float:left}.header-menu button{background-color:#8fd694;background-color:var(--accent);border-radius:2px;-webkit-text-emphasis:bold;text-emphasis:bold;margin:2em;padding:5px;border:none}.header-menu button:hover{background-color:#52489c;background-color:var(--focus)}.right-align{text-align:right}.center-align{text-align:center}.left-align{text-align:left}.logo{height:100px;min-height:10px}button{background-color:#8fd694;background-color:var(--accent);border:none;font-weight:700;padding:5px;margin:5px;cursor:pointer;outline:none;border-radius:2px;color:#504b43;color:var(--background)}button:hover{background-color:#52489c;background-color:var(--focus);color:#fefefa;color:var(--text)}.curtain-call{z-index:10;position:absolute;top:-974px;left:0;width:100%;height:100%}.home-page-enter{opacity:0}.home-page-enter-active{opacity:1;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.home-page-exit{opacity:1}.home-page-exit-active{opacity:.5;-webkit-transition:opacity .7s ease-out;transition:opacity .7s ease-out}.home-page-exit .curtain-call{top:-1000px}.home-page-exit-active .curtain-call{top:0;-webkit-transition:all .7s ease-out;transition:all .7s ease-out}.home-page-enter .curtain-call{top:0}.home-page-enter-active .curtain-call{top:-1000px;-webkit-transition:all .7s ease-out;transition:all .7s ease-out}.modal-dialog,.modal-lightbox{background-color:#397367;background-color:var(--accent-dark);padding:2em;margin:2em;border:2px solid #5da399;border:2px solid var(--accent-light);border-radius:10px}.modal-lightbox{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.favorites-bar{background:var(--accent-dark);border:thick}.favorites{display:grid;grid-template-columns:repeat(15,1fr);grid-auto-flow:column;align-items:center;grid-gap:10px;color:var(--header-back);font-size:.8em;font-weight:700}.favorite{position:relative;justify-self:end}.favorite>button{opacity:0}.favorite:hover button{opacity:1%}.closeButton{position:absolute;top:0;right:0;background-color:grey;border:none;outline:none;height:25%;cursor:pointer}.favorites-bar{display:inline-flex;overflow-x:scroll;grid-column:1/4}.favorites-bar div,.favorites-bar h3{margin:1em}.favorites-bar div{cursor:pointer}.display-enter img{opacity:0;height:0}.display-enter-active img{opacity:1;height:138px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.display-exit img{opacity:1;height:130px}.display-exit-active img{opacity:0;height:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.movie-list{grid-column:2/3;display:grid;grid-template-columns:105px 1fr 1fr 1fr 115px;grid-template-rows:auto auto 1fr;height:70vh;background-color:var(--accent-dark);border:2px solid var(--accent-light);margin:5px;overflow-x:scroll;overflow-y:hidden}.list-heading{grid-column:1/span 6;text-align:center;margin-top:.5em;margin-bottom:unset}.movies{padding:0;margin:0;grid-column:1/span 6;overflow-y:scroll;overflow-x:hidden}.movie-list-item{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto auto;grid-gap:10px;padding:5px}.movie-list-item p{font-size:1.3em}.movie-list-item a,.movie-list-item p{text-decoration:none}.movie-title{grid-column:2/3}.loading{grid-row:3}.empty-search,.loading{grid-column:3/3;justify-self:center}div.between{display:inherit}h3 button{color:#fff;font-size:1em;font-weight:700;border:none;cursor:pointer}h3 button,h3 button:hover{background-color:transparent}.favorite-btn{padding:10px;-webkit-transition:border 2s ease-in;transition:border 2s ease-in}.favorite-btn svg:hover{cursor:pointer;color:red}.filter{display:flex}.hide-enter{opacity:0;width:0}.hide-enter-active{opacity:1;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}legend{font-size:2em;font-weight:700;background-color:var(--accent-dark);border-top:2px solid var(--accent-light);border-left:2px solid var(--accent-light);border-right:2px solid var(--accent-light);border-radius:3px;margin:5px;padding-left:10px;padding-right:10px}.hide-exit{opacity:1;width:100%}.hide-exit-active{opacity:0;width:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.filter-label{display:grid;grid-template-columns:repeat(4,auto)}.filter-label label{line-height:2em;grid-column:1/4}.filter-heading{font-weight:700;grid-column:1/4}#box{min-width:0;max-width:450px;background-color:var(--accent-dark);border:2px solid var(--accent-light)}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=range]{width:50%;background-color:transparent;cursor:-webkit-grab;cursor:grab}input[type=range]:active{cursor:-webkit-grabbing;cursor:grabbing}input[type=range]:disabled{cursor:not-allowed}input{margin-left:2em}.filter-label label span,.input{float:right;margin-right:10px;line-height:100%}.Film-Detail{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;max-height:75vh}.return-holder{grid-row:3;grid-column:1}.Title-Card{grid-row:1/3;padding:2em;max-width:300px;max-height:75vh}.Film-Data-Card{margin-top:1em;padding:2em;background-color:var(--accent-dark);border-radius:10px;overflow-y:scroll;overflow-x:hidden;max-height:75vh;min-height:50vh;min-width:30vw}.favorites-button{margin-top:2em;margin-bottom:2em}.Overview-Stub p,.Release-Stub p,.Star-Rating{margin-left:2em;margin-bottom:1em}.stub-info{display:inline}.stub-info+.stub-info:before{display:inline-block;white-space:pre;content:", "}.Person-List{overflow-y:scroll;max-height:50vh;padding-left:.5em}.Cast-Item,.Crew-Item{display:flex}.t-svg{height:80px;width:60px;margin-right:1em}.i-svg{height:70px;width:124px}.Person-Detail{background-color:var(--accent-dark);height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:2em;padding-left:2em;padding-right:2em;padding-bottom:2em;border-radius:10px;display:grid;grid-template-columns:1fr 2fr 3fr;grid-template-rows:repeat(6,70px);grid-template-areas:". return link" "nameH name photo" "birthH birth photo" "placeH place photo" "bioH . photo" "bio bio bio" "bio bio bio" "bio bio bio"}.Person-Detail h2,h3,h5,p{margin-top:unset;margin-bottom:unset}.nameHead{grid-area:nameH}.name{grid-area:name}img{grid-area:photo}.birthHead{grid-area:birthH}.birth{grid-area:birth}.placeHead{grid-area:placeH}.place{grid-area:place}.bioHead{grid-area:bioH}.bio{grid-area:bio}.actorLink{grid-area:link}.Path-Button{grid-area:return;margin:1em 4em}.actorLink img{margin-top:5px;width:124px;height:70x}.Cast-List{padding-top:2em}.list-view{margin-left:3em}.list-title{text-align:center}.Crew-List{padding-top:2em}.Cast-Item{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:none}.Cast-List,.Crew-List{max-height:50vh;min-width:30vw}.cast-titles{padding-bottom:1em}.cast-titles .t2{display:inline;padding-left:6em;text-align:center}.cast-titles .t1{display:inline}.crew-Titles .t1{display:inline;padding-right:4em}.crew-Titles .t2{display:inline;padding-right:3em}.crew-Titles .t3{display:inline;padding-left:4em}.Character-Name,.Credit-Name{margin-right:auto}.Credit-Name{margin-left:auto}.Department-Item,.Job-Item{margin-right:auto}.Crew-Name-Item,.Job-Item{margin-left:auto}.Crew-Name-Item{padding-right:2em}
/*# sourceMappingURL=main.9c321c22.chunk.css.map */