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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.movie-details-mobile{display:none}.movie-component{display:flex;margin:20px 10px;cursor:default}.movie-component .movie-details{display:flex;flex-direction:column;justify-content:space-between}.movie-component .movie-poster{border-radius:10px;border:3px solid #847f86;height:100%}.movie-component .movie-title{padding:0 30px}.movie-component .movie-overview{padding:0 20px;font-family:monospace;font-size:20px}.movie-component .movie-released{font-size:20px}.movie-list{display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (max-width:766px){.movie-details-mobile{display:block}.movie-component{flex-direction:column;align-items:center}.movie-component .movie-title{display:none}}@media only screen and (min-width:374px) and (max-width:1500px){.movie-list{flex-direction:column;align-items:center}}.card-component{margin-bottom:20px;margin-right:20px;width:700px;border:1px solid #fff;box-shadow:0 0 3px 0 rgba(0,0,0,.3);border-radius:2px;background:#fff;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.card-component:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.3)}.card-component:active{background:#fbfbfb;box-shadow:0 0 3px 0 rgba(0,0,0,.3)}@media only screen and (max-width:766px){.card-component{margin:10px 0;min-width:350px;width:calc(100% - 60px)}}@media only screen and (min-width:767px) and (max-width:1500px){.card-component{margin:10px 0}}.movie-list{margin:30px auto;list-style:none;max-width:1500px}.dashboard{margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:75vh}.dashboard .dashboard-card-wrapper{margin:20px;border-radius:25px;border:15px solid #e1b65b}.dashboard .dashboard-card-wrapper .fa{margin:20px;font-size:96px}.dashboard .dashboard-card-wrapper h1{margin:20px}.dashboard .dashboard-card-wrapper a{display:flex;flex-direction:column;justify-content:center;height:inherit;text-decoration:none;color:#8944a9}@media only screen and (max-width:1366px){.dashboard .dashboard-card-wrapper{width:300px;height:300px}.dashboard .dashboard-card-wrapper .fa{font-size:132.5px;margin:10px}}@media only screen and (min-width:1367px){.dashboard{max-width:1500px}.dashboard .dashboard-card-wrapper{width:350px;height:350px;border:25px solid #e1b65b}.dashboard .dashboard-card-wrapper .fa{font-size:165px}}.search-form-wrapper{font-size:24px}.search-form-wrapper .search-label .search-input{margin:0 10px;font-size:24px;border-radius:5px}.search-form-wrapper input[type=submit]{background-color:#e1735b;font-size:24px;padding:2px 12px;border-radius:5px;cursor:pointer}.genre-component{width:180px;height:180px;border-radius:3%;background-color:#e4c1f4;border:10px solid #9b6db0;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px}@media only screen and (max-width:766px){.genre-component{width:140px;height:140px;font-size:18px}}.genres-page .genre-list{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;grid-gap:15px;justify-items:center;margin:auto}.genres-page .genre-list h3{margin:200px auto}@media only screen and (min-width:600px) and (max-width:969px){.genres-page .genre-list{grid-template-columns:repeat(3,1fr)}.genres-page h3{font-size:18px;width:80%}}@media only screen and (min-width:375px) and (max-width:599px){.genres-page .genre-list{grid-template-columns:repeat(2,1fr)}}.genre-search-title{display:flex;align-items:center;max-width:1500px;margin:auto;cursor:pointer}.genre-search-title .fa{font-size:40px;margin:0 10px 0 20px}.genre-search-title p{font-size:18px}.genre-search-mobile-title .fa{display:none}.genre-search-mobile-title h1{margin:auto}h3{margin:200px auto}@media only screen and (min-width:375px) and (max-width:969px){.genre-search-title{display:none}.genre-search-mobile-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.genre-search-mobile-title .fa{display:block;font-size:40px;margin:0 10px 0 20px}h3{font-size:18px;width:80%}}.review-component{max-height:200px;overflow:scroll;margin-top:15px;flex-grow:1;margin-bottom:16px}.review-component p{width:100%}.mobile-review{display:none}@media only screen and (max-width:1089px){.mobile-review{display:block;font-weight:800;cursor:pointer}}.movie-details-error{display:flex;align-items:center;cursor:default}.movie-details-error .fa{font-size:40px;padding:0 10px 0 20px;cursor:pointer}.movie-details-error h4{font-size:24px}.movie-details-wrapper{color:#fff;margin:auto;cursor:default}.movie-details-wrapper .movie-details-title{display:flex;justify-content:space-between;align-items:center}.movie-details-wrapper .movie-details-title h1{background:rgba(132,127,134,.8);padding:20px;margin:auto;border-radius:10px}.movie-details-wrapper .movie-details-title .fa{font-size:40px;padding-left:20px;cursor:pointer}.movie-details-wrapper img.movie-details-backdrop{min-height:100%;min-width:1280px;width:100%;height:auto;position:fixed;top:0;left:0;z-index:-1}.movie-details-wrapper .movie-details-poster-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3% 450px 450px 80px;grid-gap:15px;justify-items:center}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-poster{border-radius:10px;border:10px solid #847f86;grid-row:2}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-info{grid-row:2/3;display:flex;flex-direction:column;justify-content:space-evenly;width:90%;background:rgba(132,127,134,.7);padding:20px;border-radius:10px;font-family:monospace;font-size:20px;overflow:scroll}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-reviews{grid-column:2;grid-row:3/4;width:90%;background:rgba(132,127,134,.7);padding:20px;border-radius:10px;font-family:monospace;display:flex;flex-direction:column;font-size:20px}@media only screen and (max-width:549px){.movie-details-wrapper h1{width:80%;font-size:28px;margin-right:20px}.movie-details-wrapper .movie-details-poster-wrapper{display:flex;flex-direction:column;align-items:center}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-poster{width:300px;margin:20px 0;overflow-y:scroll}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-info{width:calc(100% - 80px);min-width:300px;min-height:300px;font-size:22px;margin:20px 0}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-reviews{width:calc(100% - 80px);min-width:300px;font-size:22px;margin:20px 0}}@media only screen and (min-width:550px) and (max-width:1089px){.movie-details-wrapper .movie-details-title{width:90%}.movie-details-wrapper .movie-details-poster-wrapper{display:flex;flex-direction:column;align-items:center}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-poster{margin:20px 0}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-info{width:calc(100% - 250px);min-width:500px;margin:20px 0;min-height:300px;overflow-y:scroll}.movie-details-wrapper .movie-details-poster-wrapper .movie-details-reviews{font-size:20px;width:calc(100% - 250px);min-width:500px;margin:20px 0;display:flex;flex-direction:column}}@media only screen and (min-width:1090px){.movie-details-wrapper{max-width:1500px}}.navbar-wrapper{background:#b65be1;font-size:24px;width:100vw}.navbar-links{padding:0;list-style:none}.navbar-links div:first-child,.navbar-links div:nth-child(2){display:flex;justify-content:space-between;align-items:center}.navbar-links div:nth-child(2){flex-direction:column}.navbar-link,.navbar-link-logo{margin:15px;width:auto}.navbar-link-logo>a>img{height:50px}.navbar-link>a{text-decoration:none;color:#f6eafb}a.active{color:#5be1b6}.bars{font-size:45px;color:#fff}@media only screen and (max-width:766px){.navbar-links .navbar-link{border-top:1px solid #fff;width:100%;padding:15px;margin:0}.navbar-links .bars{border:none;width:auto}}@media only screen and (min-width:767px){.bars{display:none}.navbar-links{display:flex;justify-content:space-between;align-items:center}.navbar-links div:nth-child(2){display:flex!important;flex-direction:row}}@media only screen and (min-width:1500px){.navbar-links{max-width:1500px;margin:24px auto}}.App{text-align:center;font-family:sans-serif}.content{margin-top:-25px}.hidden{display:none!important}
/*# sourceMappingURL=main.e835c718.chunk.css.map */