*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}::-webkit-scrollbar{display:none}html,body,#root{height:100%;width:100%;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;background-color:#2d2b2b;background-image:url(/assets/poster-sW-GEhC1.jpg);background-size:cover}main{width:100%;overflow:scroll;background-color:transparent;height:80%}header,footer{background-color:transparent;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);width:100%;height:10%;position:absolute;padding:0 10px}header{top:0}header{display:flex;align-items:center;justify-content:space-between}header .searchbar{display:flex;justify-content:end}header .searchbar input[type=text]{width:100px;height:30px;padding:0 10px;font-size:18px;color:#fff;background-color:#000;outline:none;border:none;transition:.5s}header .searchbar input[type=text]:hover{width:200px}header .searchbar input[type=text]:focus{width:200px}header .searchbar input[type=submit]{background-color:red;color:#fff;border:none;padding:0 10px;font-size:17px;width:fit-content}.phonenav{display:none}#headerlogoimg{animation:logorotation 3s 1 ease-in-out}@keyframes logorotation{0%{scale:.75}to{rotate:-360deg}}footer{bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}#top{width:100%}.homepage{width:100%;height:100%}.logo{display:flex;justify-content:start;align-items:center;height:100%;gap:5px;color:#fff;text-shadow:2px 5px #000000}.logo img{width:40px}.homepage-content{width:100%;background-image:linear-gradient(#0000006c,#000);height:100%;display:flex;justify-content:center;font-size:25px;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;flex-direction:column;gap:10px;text-align:start}.homepage-content p{color:#d3d3d3}.homepage-searchbar{width:500px;display:flex}.homepage-searchbar input[type=text]{width:80%;text-align:center;height:40px;font-size:20px;position:relative;border-radius:10px;outline:none;border:none}.homepage-searchbar input[type=submit]{width:20%;height:40px;font-size:17px;font-weight:700;border-radius:10px;background-color:#ee0b0b;color:#fff;border:none;margin-left:5px;z-index:10}.homepage-searchbar input[type=submit]:hover{background-color:brown}.movie-results{width:100%;height:100%;background-color:#1c1c1c;display:flex;justify-content:center;flex-wrap:wrap;overflow:scroll;align-items:center}.movie-results .searchresultcount{width:100%;text-align:center;padding:10px;background-color:#272727}.movieCard{width:250px;text-align:center;min-height:400px;background-color:#141414;margin:10px;border-radius:10px;transition:.2s;cursor:pointer;overflow:hidden}.movieCard:hover .movieimage img{transform:scale(1.1)}.movieCard:hover h1,.movieCard:hover p{opacity:.7}.popularpicks{width:100%;text-align:center}.popularpicks button{background-color:red;font-size:15px;border-radius:10px;padding:5px 10px;border:none;margin-left:10px;font-weight:700;color:#fff;transition:.2s}.popularpicks button:hover{background-color:#b30000}.movieCard .movieimage{width:100%;height:300px;overflow:hidden}.movieCard .movieimage img{width:100%;transition:.5s all;height:100%}.movieCard h1{font-size:18px;font-family:roboto;word-wrap:none;opacity:.9;padding:0 5px}.cardcontent{height:100px;padding:5px;position:relative;text-align:center}.cardcontent p{bottom:0;margin-top:10px}a{color:#fff;text-decoration:none}.pagesnavigation{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:5%}.pagesnavigation button{height:70%;width:fit-content;font-size:17px;border:none;font-weight:700;padding:0 5px;border-radius:10px;transition:.3s all}.pagesnavigation button:hover{background-color:#bebebe}.pagesnavigation button:disabled{background-color:#2d2b2b;color:#fff;opacity:.7}.pagesnavigation button:disabled:hover{background-color:#2d2b2b}.moviepage{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;min-height:100%;overflow:scroll;gap:10px;background-size:cover;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-repeat:no-repeat;height:fit-content;background-color:#00000089;padding:10px 0}.moviepage img{width:300px;height:90%}.moviedetails{width:50%;padding:10px 20px;display:flex;justify-content:flex-start;align-items:start;border-radius:10px;height:66vh;flex-direction:column;gap:10px;overflow:scroll;background-color:#151414}.moviedetails h1{color:#e3e3e3}.moviedetails p{font-size:17px;color:#bcbcbc}#plot{height:100px;overflow:scroll}.totalSeasons{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}.seasons{display:flex;flex:1;gap:10px;flex-wrap:wrap;padding:0 5px;justify-content:center}.season button{padding:5px 10px;background-color:red;border:none;color:#fff;transition:.3s;font-size:20px;border-radius:5px}.season button:hover{cursor:pointer;background-color:transparent}.seriespage{height:fit-content;padding:5px 10px;text-align:center;gap:10px;justify-content:center;align-items:center;display:flex;transition:.5s;flex-direction:column}.episode{background-color:transparent;font-size:17px;padding:10px;margin-bottom:2px;width:100%;background-color:#3c3e3d85}.episode-card{width:500px;display:flex;justify-content:flex-start;align-items:center;background-color:#201d1db7;flex-direction:column;padding:10px;border-radius:10px;gap:10px}.episode-card img{width:100%;border-radius:10px}.episode-card h1,p{color:#aeabab}.episode-detail{width:100%;text-align:start;padding:0 5px;display:flex;flex-direction:column;gap:10px}header i{display:none;font-size:25px;transition:.5s;font-weight:700}.loader-container{display:flex;justify-content:center;align-items:center;width:100%;height:80%}.page404{text-align:center;height:fit-content}.page404 h1{font-size:80px;font-weight:700}.page404 p{font-size:40px;font-weight:700}.page404 a{font-size:17px;font-weight:700;margin-top:200px;padding:10px 20px;color:#fff;background-color:red;border-radius:10px}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#ff1616 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#ff1616);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}@keyframes l24{to{background-position:left}}@media (max-width: 660px){.moviedetails{width:100%;padding:5px;border-radius:0;overflow:visible;height:fit-content}.moviedetails h1{width:100%;text-align:center;font-size:23px}.moviedetails p{width:100%;text-align:center;margin-top:10px}}@media (max-width: 550px){header i{display:block}header .searchbar{display:none}.phonenav{position:absolute;top:10%;right:0;background-color:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:999;width:100%;flex-direction:column;height:80%;align-items:center;padding:20px 0;gap:20px;justify-content:start;animation-name:menu;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards}@keyframes menu{0%{opacity:0}}.phonenav input[type=text]{width:70%;height:50px;border:none;text-align:center;outline:none;font-size:20px;margin-right:5px;color:#e3e3e3;background-color:#000000ac;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px}.phonenav input[type=submit]{height:45px;background-color:red;border-radius:10px;color:#fff;padding:0 5px;border:none;font-size:20px}.phonenav .searchbarphone{display:flex;width:100%;justify-content:center;align-items:center}.backtohome{background-color:#fe3838;width:50%;height:30px;color:#fff;font-size:20px;border:none;border-radius:10px;cursor:pointer;transition:.3s all}}@media (max-width: 500px){.homepage-searchbar{width:95%}.homepage-content p{width:95%;font-size:18px;text-align:center}.movieCard{width:85%;height:410px}.popularpicks{width:90%}.episode-card h1{font-size:25px}}