@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap);*{box-sizing:inherit;font-family:inherit;margin:0;padding:0}:root{--main-color:#e50914;--main-hover:#fc1420;--light-black:#222;--dark-light-text:#a1a1a1;--text-light:#fff;--dark-black:#000}.light-mode{--main-color:#0fbdb4;--main-hover:#0c9992;--light-black:#dbdbdb;--dark-light-text:#565656;--text-light:#424242;--dark-black:#fff}.light-mode,html{font-family:Poppins,sans-serif}html{box-sizing:border-box;font-size:62.5%}body{background-color:#222;background-color:var(--light-black);height:100vh;overflow-x:hidden;width:100vw}.dark-md-btn{all:unset;align-items:center;background-color:#000;background-color:var(--dark-black);border-radius:50%;color:#e50914;color:var(--main-color);cursor:pointer;display:flex;justify-content:center;position:fixed;right:3rem;top:11rem}#dark-mode-btn,#light-mode-btn{height:4rem;padding:0;width:4rem}#light-mode-btn{color:#ffe600}.hidden{display:none}.nav-bar{align-items:center;background-color:#000;background-color:var(--dark-black);color:#fff;color:var(--text-light);display:flex;height:auto;justify-content:space-between;padding:0 10rem;width:100%}.nav-bar .logo{color:#e50914;color:var(--main-color);font-size:3.5rem;font-weight:500;padding:2rem 0}.nav-bar .logo:hover{color:#fc1420;color:var(--main-hover)}.nav-bar .nav-link{align-items:center;cursor:pointer;display:flex}.nav-link .about-me{color:#fff;color:var(--text-light);font-size:1.8rem;margin-right:3rem;padding:.5rem;position:relative}.nav-link .about-me:after{background-color:#fc1420;background-color:var(--main-hover);content:"";height:.2rem;left:0;position:absolute;top:29px;transition:all .2s ease-in-out;width:0}.nav-link .about-me:hover:after{width:100%}.nav-link .donate-btn{background-color:#e50914;background-color:var(--main-color);border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1.8rem;height:auto;padding:.5rem 1rem;width:auto}.nav-link .donate-btn:hover{background-color:#fc1420;background-color:var(--main-hover);font-weight:400}.search-container{display:flex;height:auto;justify-content:center;width:100%}.search-rel{height:auto;margin:2rem 0;position:relative;width:auto}.search-container .search-box{all:unset;background-color:#fff;background-color:var(--text-light);border:.2rem solid #000;border:.2rem solid var(--dark-black);border-radius:1rem;font-size:1.8rem;padding:2.5rem 2rem 1rem;width:50rem}.light-mode .search-box{background-color:#878787;color:#fff}.search-rel .place-holder{color:#222;color:var(--light-black);font-size:1.8rem;font-weight:500;left:2rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-duration:.2s}.light-mode .place-holder{color:#fff}.search-rel .search-box:focus~.place-holder,.search-rel .search-box:not(:placeholder-shown)~.place-holder{font-size:1.2rem;top:25%}.er-msg{color:#e50914;font-size:1.3rem;font-weight:500;left:2rem;position:absolute;top:110%;width:auto}.container{grid-gap:0 2rem;display:grid;grid-template-columns:auto auto auto;padding:0 2rem 4rem;width:100%}.card,.container{align-items:center;justify-content:center}.card{background-color:#000;background-color:var(--dark-black);border-radius:.5rem;display:flex;flex-direction:column;margin-top:8rem;padding:0 2rem;position:relative;width:calc(33.33333vw - 11.33333rem)}.card .poster{-webkit-transform:translateY(-3rem);transform:translateY(-3rem);transition-duration:.4s;width:60%}.light-mode .card .poster{box-shadow:1px 1px 10px 0 rgba(0,0,0,.75)}.card .title{color:#fff;color:var(--text-light);font-size:1.8rem;font-weight:500;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);transition-duration:.4s}.card:hover>.poster{box-shadow:2px 2px 10px 0 rgba(0,0,0,.75);-webkit-transform:translateY(-5rem) scale(1.1);transform:translateY(-5rem) scale(1.1)}.card:hover>.title{-webkit-transform:translateY(-2rem) scale(1.1);transform:translateY(-2rem) scale(1.1)}.movie-load{height:90vh}.footer{align-items:center;background-color:#000;background-color:var(--dark-black);display:flex;height:auto;justify-content:space-between;padding:4rem 12rem;width:100%}.footer .call-me{color:#fff;color:var(--text-light);font-size:1.8rem}.call-me span{cursor:pointer;transition-duration:.2s}.call-me span:hover{color:#e50914;color:var(--main-color);text-decoration:underline}.social-media{align-items:center;color:#fff;color:var(--text-light);display:flex}.social-media a{all:unset}.social-media div{cursor:pointer;margin-left:2rem}.social-media .git:hover,.social-media .insta:hover{color:#e50914;color:var(--main-color)}@media (max-width:998px){.container .card{width:calc(50vw - 10rem)}.container{grid-template-columns:auto auto}}.single-container{align-items:center;display:flex;height:auto;justify-content:center;min-height:100vh;width:100%}.cross-btn{color:#fff;color:var(--text-light);position:absolute;right:.8rem;top:1rem}.cross-btn:hover{color:#e50914;color:var(--main-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.movie-container{background-color:#000;background-color:var(--dark-black);border-radius:.5rem;display:flex;max-width:90rem;padding:4rem;position:relative;width:95%}.s-poster{align-items:center;display:flex;flex-direction:column;justify-content:center}.l-poster{-webkit-animation:animate-img 1s infinite alternate;animation:animate-img 1s infinite alternate;position:relative;width:25rem}.light-mode .l-poster{box-shadow:1px 1px 10px 0 rgba(0,0,0,.75)}@-webkit-keyframes animate-img{0%{bottom:0}to{bottom:1.5rem}}@keyframes animate-img{0%{bottom:0}to{bottom:1.5rem}}.s-content{color:#fff;color:var(--text-light);padding-left:5rem}.s-title{font-size:3rem;font-weight:500}.s-type{font-size:1.8rem;font-weight:500;margin:.5rem 0;text-transform:capitalize}.s-genre span,.s-type{color:#a1a1a1;color:var(--dark-light-text)}.light-mode .s-genre span{color:#000;font-weight:500}.s-genre{font-size:1.5rem}.s-release{color:#a1a1a1;color:var(--dark-light-text);font-size:1.4rem;font-weight:500;margin:.5rem 0}.s-release span{color:#fff;color:var(--text-light);font-weight:400}.s-country{font-size:1.8rem;font-weight:500}.s-plot{color:#a1a1a1;color:var(--dark-light-text);font-size:1.5rem;margin:1.5rem 0}.s-plot span{color:#fff;color:var(--text-light)}.light-mode .s-plot span{color:#000;font-weight:500}.s-actors,.s-director,.s-writer{color:#a1a1a1;color:var(--dark-light-text);font-size:1.4rem;margin-bottom:.5rem}.s-actors span,.s-director span,.s-writer span{color:#fff;color:var(--text-light);font-weight:500}.s-rating{align-items:center;display:flex;font-size:1.5rem;font-weight:500}.imdb-logo{height:2rem;margin:1rem 1rem 1rem 0}.back-btn{all:unset;align-items:center;color:#fff;color:var(--text-light);display:flex;font-size:2rem;font-weight:500;margin:2rem 0 3rem;transition-duration:.4s}.back-btn:hover{color:#e50914;color:var(--main-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.loading{color:#e50914;color:var(--main-color)}.error-page,.loading{align-items:center;display:flex;height:100vh;justify-content:center}.error-page{width:100%}.error-container{align-items:center;background-color:#000;background-color:var(--dark-black);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:4rem}.error-container .error-head{color:#e50914;color:var(--main-color);font-size:5rem}.error-container .error-content{color:#fff;color:var(--text-light);font-size:2rem;margin:2rem 0}.error-container .error-btn{all:unset;align-items:center;color:#fff;color:var(--text-light);display:flex;font-size:1.8rem;transition-duration:.4s}.error-container .error-btn:hover{color:#e50914;color:var(--main-color);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:768px){.dark-md-btn{display:none}.nav-bar .logo{font-size:6rem}.nav-bar{flex-direction:column}.nav-link{justify-content:space-between;padding-bottom:1rem}.about-me,.donate-btn{font-size:5rem}.search-rel .search-box{width:90vw}.container .card{width:calc(100vw - 4rem)}.card .title{font-size:2.2rem}.container{grid-template-columns:auto}.footer{flex-direction:column;padding:10%}.social-media div{margin-top:3rem}.movie-container{flex-direction:column;margin:2rem 0;width:90%}.s-content{padding:3rem 1rem}}@media (max-width:410px){body{width:120%}}
/*# sourceMappingURL=main.187fc23b.css.map*/