body,h1,h2,p,ul{margin:0;padding:0}.fa-star{color:#70c8ff;font-size:larger}.fa-star:hover{cursor:pointer}body{background-color:#021427;color:#fff;height:100vh}.App{min-height:100vh}.App,.CriteriaForm{display:flex;flex-direction:column}.CriteriaForm{align-items:center;color:#fff;justify-content:flex-end;margin:10px}.CriteriaForm div{display:flex;margin-bottom:10px}.CriteriaForm button{width:50%}.CriteriaForm input,.CriteriaForm select{background-color:#083449;border:1px solid #fff;border-radius:5px;color:#fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.CriteriaForm .year{margin-left:10px}.CriteriaForm #year{width:50px}.CriteriaForm .votes{margin-left:10px}.CriteriaForm #votes{width:50px}.CriteriaForm button{background-color:#083449;border:1px solid #fff;border-radius:5px;color:#fff;margin-left:10px}.CriteriaForm label{font-family:Hind,sans-serif;margin-right:5px}@media only screen and (min-width:768px){.CriteriaForm button{width:25%}}.Main{flex:1 1}.Main h2{margin-top:15px}.Main h2,.MovieCard{font-family:Hind,sans-serif;text-align:center}.MovieCard{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-size:17px;height:20%;justify-content:center;list-style:none;margin:2px;padding:10px;width:200px}.MovieCard img{border:2px solid #525252;height:250px;margin:5px}.MovieCard:hover{background-color:#0c3342}.MovieCard .cardtitle{margin-top:10px}.MovieList ul{display:flex;flex-direction:row;margin:0 7%;overflow-x:auto;scrollbar-width:thin}.MovieList ul::-webkit-scrollbar{background-color:#083449;border-radius:10px;height:20px}.MovieList ul::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#70c8ff;border:4px solid transparent;border-radius:10px}.MovieList ul::-webkit-scrollbar-thumb:active{background-color:hsla(0,0%,100%,.2)}.MovieList2 ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.Header{align-items:center;background-color:#083449;display:flex;font-family:Hind,sans-serif;justify-content:space-between;padding:0 5%}.Header .mobileimg{height:90%}.Header .desktopimg{display:none}.Header h1{color:#fff;font-family:Italiana,serif;height:60px;margin-right:30px;text-shadow:2px 2px 8px #0e0a13}.Header .test,.Header h1{align-items:center;display:flex}.Header .watchlist{color:#fff}.Header .watchlist:hover{border-bottom:1px solid hsla(0,0%,100%,.5);padding-top:1px}@media only screen and (min-width:768px){.Header{padding:0 20px}.Header .desktopimg{display:block;height:90%}.Header .mobileimg{display:none}}.SearchForm input{background-color:initial;border:none;color:#d4cfcf;font-family:Hind,sans-serif;font-size:large;height:40px;outline:none;width:25vw}.SearchForm .classinput{align-items:center;background-color:rgba(0,0,0,.35);border:none;border-radius:50px;color:#d1d1d1;display:flex;font-family:Italiana,serif;font-size:large;height:40px;justify-content:space-evenly;width:35vw}@media only screen and (max-width:768px){.SearchForm .classinput{margin-right:10px;width:50vw}.SearchForm input{width:35vw}}.WatchList{flex:1 1;justify-content:space-evenly}.WatchList h2{margin:20px}.WatchList h2,.WatchList p{font-family:Hind,sans-serif;text-align:center}@media only screen and (min-width:768px){.WatchList{height:75vh}}.MovieOverview img{height:300px;margin-top:20px}.MovieOverview{align-items:center;display:flex;flex:1 1;flex-direction:column;font-family:Hind,sans-serif;text-align:center}.MovieOverview .genre{display:flex;flex-wrap:wrap;justify-content:center}.MovieOverview .fa-star{margin-top:30px}.MovieOverview .genre p{padding:3px 2px}.MovieOverview p{padding:3px 50px}.MovieOverview .label-container{display:flex;justify-content:center;padding:15px 0}.MovieOverview .labeling{color:#70c8ff}.MovieOverview h2{padding:15px}@media only screen and (min-width:768px){.MovieOverview,.MovieOverview .overview{display:flex;justify-content:center}.MovieOverview .overview{align-items:center}.MovieOverview img{box-shadow:2px 2px 2px 2px #191818;height:400px;margin-left:50px}}.Footer .information{align-items:center;display:none;flex-direction:column;justify-content:space-around;width:60%}.Footer .click:hover{cursor:pointer}.Footer{align-items:center;background-color:#083449;display:flex;flex-direction:column;font-family:Hind,sans-serif;height:50px;justify-content:center;margin-top:60px}.Footer .copyright{color:#c2bcbc}@media only screen and (min-width:768px){.Footer .information{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:space-around}.Footer{height:100px}.Footer .copyright{margin-bottom:20px}}
/*# sourceMappingURL=main.dc2a94ba.css.map*/