@import url(https://fonts.googleapis.com/css2?family=Benne&family=Oldenburg&family=Reem+Kufi:wght@400;500;600;700&display=swap);*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}.App{text-align:center}body{background-color:#002642;background-color:var(--mainColor);color:#e59500;color:var(--textColor);font-size:16px;margin:0;max-width:100%;padding:0}:root{--mainColor:#002642;--secondaryColor:#840032;--textColor:#e59500;--lighTextColor:#eae2b7;--textHeader:#f77f00}.hero__header{margin-top:100px}.hero__poster img{aspect-ratio:1;height:80vh;margin:0;object-fit:cover;padding:0;width:100%}.hero__poster{opacity:.1;position:relative}.hero__head{color:#e59500;display:block;left:50%;margin:0 auto;max-width:800px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.hero__head h1{color:#f77f00;font-size:5rem}@media screen and (max-width:768px){.hero__poster img{aspect-ratio:1;height:50vh;margin:0;object-fit:cover;padding:0;width:100%}.hero__head{box-sizing:border-box;color:#e59500;left:50%;text-align:center;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.hero__head,.hero__head h1{display:none}}h2{color:#e59500;margin-bottom:20px;padding:10px;text-align:left}.movie-poster{position:relative}.play-button{background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:30px;height:50px;left:50%;line-height:50px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}.movie-poster:hover .play-button{display:block}.movie-list{margin-top:50px;width:100%}.movie-grid{grid-gap:10px;align-items:"center";display:grid;grid-template-columns:repeat(4,1fr);margin:0}.loading p{color:#333;font-size:16px;font-weight:700;margin:0}.movie-grid li{color:#e59500;height:0;list-style:none;overflow:hidden;padding-bottom:150%;position:relative;text-align:center}.movie-grid img{border-radius:100px;display:block;height:60vh;margin:0 auto;max-width:100%;object-fit:cover;position:relative;width:auto}.play-button-icon{background-image:url(data:image/png;base64,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);background-size:cover;display:none}.movie-grid li.hover:after,.play-button-icon{border-radius:50%;cursor:pointer;height:80px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.movie-grid li.hover:after{background-color:rgba(0,0,0,.5);content:""}.movie-grid li.hover:after,.pagination{align-items:center;display:flex;justify-content:center}.pagination{margin-bottom:20px;margin-top:20px}.pagination button{background-color:var(--mainColor);border:none;border-radius:5px;color:var(--textColor);cursor:pointer;font-family:Reem Kufi,sans-serif;font-size:16px;margin:0 5px;padding:10px 20px}.pagination button:hover{background-color:var(--secondaryColor);color:var(--lighTextColor)}.pagination button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.pagination span{font-family:Benne,serif;font-size:18px;margin:0 10px}.movie-grid li.hover:hover .play-button-icon{display:flex}.movie-grid li:hover:after:hover{opacity:.7}.movie-grid h3{margin-top:10px}.movie-grid button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#002642;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;outline:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.movie-grid button:hover{opacity:.7}.movie-grid li.hover:after:hover{background-color:#fff}.movie-grid button svg{fill:#002642;height:40px;width:40px}@media screen and (max-width:1000px){.movie-grid{display:grid;grid-template-columns:repeat(3,1fr);object-fit:contain}}@media screen and (max-width:768px){.movie-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px;object-fit:contain}h2{color:#e59500;margin-bottom:20px;padding-top:50px;text-align:center}}@media screen and (max-width:498px){.movie-grid{display:grid;grid-template-columns:repeat(1,1fr);margin-left:20px;margin-right:20px;object-fit:cover}}.anime__movies,.comedy__movies,.error__page{margin-top:100px}.hero{height:80vh}.background-container{align-items:center;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.background-video{height:60vh;left:0;margin:100px 0 0;opacity:.3;overflow:hidden;padding:0;position:absolute;top:0;width:100vw!important}.background-video video{margin:0;padding:0}.background-video,.background-video .player-wrapper{height:100%;position:relative;width:100%}.background-video .react-player{left:0;position:absolute;top:0}.background-video .share-button{display:none;left:10px;position:absolute;top:10px}.background-video:hover .share-button{display:block}.home__hero{left:50%;margin:0 auto;max-width:800px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.home__hero h1{color:#f77f00;font-size:5rem}.home__hero p{color:#e59500}@media screen and (max-width:768px){.home__hero p{display:none}.home__hero h1{color:#f77f00;font-size:2rem}.home__hero{margin:0 auto;max-width:800px;position:absolute;top:200px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}}.romance__movies{margin-top:100px}.footer{background-color:var(--secondaryColor);color:var(--lighTextColor);font-family:Benne,sans-serif;padding:50px 20px}.footer__links{display:flex;flex-wrap:wrap;justify-content:space-between}.footer__links__div{flex:1 1;margin-bottom:20px}.footer__links__div h4{color:var(--textHeader);font-size:1.5rem;margin-bottom:10px}.footer__links__div a{color:var(--lighTextColor);text-decoration:none}.footer__links__div p{font-size:.9rem;line-height:1.5}.footer__links__div ul{list-style-type:none}.footer__links__div ul li{margin-bottom:5px}.footer__social{display:flex;flex-direction:column}.footer__social h4{color:var(--textHeader);font-size:1.5rem;margin-bottom:10px}.footer__social .icons{color:var(--lighTextColor);font-size:1.5rem;margin-bottom:5px}.footer__below{margin-top:20px;text-align:center}.footer__copyright p{font-size:.9rem}.app-name{color:var(--textColor);font-size:8rem;text-decoration:none}@media screen and (max-width:768px){.footer__links{align-items:center;flex-direction:column}.footer__links__div{flex:none;margin-bottom:30px;text-align:center;width:100%}.footer__social{align-items:center;flex-direction:row;justify-content:center;margin-top:10px}.footer__social .icons,.footer__social h4{margin-right:10px}}.navbar{align-items:center;background:var(--secondaryColor);box-shadow:0 5px 10px rgba(0,0,0,.2);display:flex;font-family:Benne,serif;height:100px;justify-content:space-between;margin-bottom:80px;padding:20px;position:fixed;text-align:center;text-decoration:none;top:0;width:100%;z-index:9999}.navbar>a.link:first-child{font-size:32px}a.link{color:var(--textColor);font-size:24px;font-weight:600;text-decoration:none}.navbar>a.link:first-child{float:left;font-family:Oldenburg,cursive;font-size:42px;font-weight:700;width:30%}a.link.active{color:#840032;font-style:italic;position:relative}a.link.active:after{background-color:#840032;bottom:-3px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.navbar__links{display:flex;justify-content:space-between;padding-left:20px;padding-right:20px;width:60%}.menu-btn{background:none;border:none;color:var(--textColor);cursor:pointer;display:none;font-size:28px;margin-right:20px}.navbar>a.link:first-child{font-size:24px}@media screen and (max-width:768px){.navbar{align-items:center;flex-direction:row;height:auto;justify-content:space-between;padding:10px 20px}.icon{display:inline-block;font-size:24px;margin-left:5px}.navbar__links{background-color:var(--secondaryColor);box-shadow:0 5px 10px rgba(0,0,0,.2);display:none;left:0;padding:10px;position:absolute;top:100%;width:100%;z-index:9999}.navbar__links.show-menu{align-items:center;display:flex;flex-direction:column}.navbar__links .link{color:var(--textColor);display:block;font-size:18px;font-weight:600;margin-bottom:10px;text-align:center;text-decoration:none}.menu-btn{display:block}a.link.active:after{display:none}.navbar>a.link:first-child{font-size:24px}}.app{background-color:#002642}.app__body{margin-top:300px}
/*# sourceMappingURL=main.22e3fe2d.css.map*/