@import url(https://fonts.googleapis.com/css2?family=Federo&display=swap);*{margin:0;padding:0;font-size:14px;font-family:"Federo",sans-serif}.App{display:flex;justify-content:center;align-items:none;flex-direction:column;position:relative;background-color:#4a494d;height:100vh;width:100%;overflow-y:hidden;overflow-x:hidden}.App main{overflow-y:scroll;margin-top:5rem;height:inherit}@media (min-width:800px){*{font-size:16px}.App{display:flex}.App main{margin-top:0;margin-left:5rem}}::-webkit-scrollbar{height:.5rem}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#de9e36,#deb841);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#deb841}.navbar-container{z-index:999;width:100vw;height:5rem;position:absolute;top:0;left:0;background-image:linear-gradient(180deg,#de9e36,#deb841);display:flex;justify-content:center;align-items:none;flex-direction:row}.navbar-container .nav-logo{height:5rem;width:5rem}.navbar-container .nav-logo:hover{cursor:pointer}.navbar-container .navbar-list{width:100%;height:100%;list-style:none;color:#37323e;display:flex;justify-content:center;align-items:none;flex-direction:row}.navbar-container .nav-item{width:5rem;padding:1rem;color:#37323e}.navbar-container .nav-item .nav-link{text-decoration:none;color:#37323e;display:flex;justify-content:center;align-items:center;flex-direction:row}.navbar-container .nav-item .nav-link .nav-text{margin-left:1.5rem;display:none;font-size:1.4rem}.navbar-container .nav-item .nav-link:hover{background-color:#deb841;color:#042627}.navbar-container .nav-item .active{color:#de9e36}.navbar-container .nav-item:hover{background-color:#deb841;color:#042627;box-shadow:15px 10px 25px 5px hsla(0,0%,52.9%,.8);cursor:pointer}.navbar-container .active{background-color:#37323e;color:#de9e36}@media (min-width:800px){.navbar-container{height:100vh;width:5rem;justify-content:none;background-image:linear-gradient(90deg,#de9e36,#deb841)}.navbar-container,.navbar-container .navbar-list{display:flex;align-items:center;flex-direction:column}.navbar-container .navbar-list{justify-content:center}.navbar-container .nav-item{width:100%;height:auto;border-bottom-right-radius:1rem;border-top-right-radius:1rem}.navbar-container .nav-item:hover{background-color:#deb841;box-shadow:15px 10px 25px 5px hsla(0,0%,52.9%,.8);transition:.2s ease;cursor:pointer}.navbar-container .nav-item:hover .nav-link{color:#042627}.navbar-container:hover{width:15rem;transition:.3s ease}.navbar-container:hover .nav-link .nav-text{display:block}}.section-container{display:flex;justify-content:none;align-items:none;flex-direction:column;background-color:#37323e;border-radius:10px;height:25rem;margin:1rem auto;padding:1rem;width:90%}.section-container .section-title{color:#de9e36;font-size:1.5rem;margin-bottom:1rem}.section-container .section-main{display:flex;flex-direction:row;max-height:calc(100% - 2.5rem);overflow-x:scroll;overflow-y:hidden;text-align:center}.section-container .section-main .card-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;border-radius:10px;box-sizing:border-box;height:100%;margin:.5rem;width:12rem}.section-container .section-main .card-container:first-child{margin-left:0}.section-container .section-main .card-container:last-child{margin-right:0}.section-container .section-main .card-container img{width:12rem;height:14rem;object-fit:cover;box-sizing:border-box;border-radius:10px}.section-container .section-main .card-container h3{margin:.5rem;color:#de9e36;font-size:1.1rem}.section-container .section-main .card-container .genres-container{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;margin-top:.5rem;margin-bottom:.5rem}.carosel-container{display:flex;justify-content:none;align-items:center;flex-direction:row;color:#de9e36;height:70%;overflow:hidden;position:relative;width:100%}.carosel-container #goLeft,.carosel-container #goRight{background-color:rgba(222,158,54,.06);border:none;border-radius:1rem;bottom:1rem;color:#de9e36;cursor:pointer;width:10%;height:5rem;outline:none;position:absolute;z-index:10}.carosel-container #goLeft:hover,.carosel-container #goRight:hover{background-color:hsla(0,0%,82%,.6)}.carosel-container #goLeft{left:1rem}.carosel-container #goRight{right:1rem}.carosel-container .slide-container{height:100%;min-width:100%;transition:.5s}.carosel-container .slide-container .backdrop-carosel{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.carosel-container .slide-container .backdrop-carosel .carosel-tint{display:flex;justify-content:none;align-items:center;flex-direction:row;background-color:rgba(0,0,0,.6);height:100%;width:100%}.carosel-container .slide-container .backdrop-carosel .carosel-tint img{display:none}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin-left:2rem;text-align:left}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .title-container{display:flex;justify-content:none;align-items:center;flex-direction:row}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .title-container .title{font-size:2rem;margin:1rem 1rem 1rem 0}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .title-container .rating{color:#de9e36;border-radius:10px;border:thin solid #de9e36;font-size:1.3rem;font-weight:700;padding:.5rem 1rem;display:flex;justify-content:none;align-items:none;flex-direction:column}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .genres-container{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:2rem}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .chapter-title{font-size:1.5rem;margin:1rem 1rem 1rem 0}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .description{height:4.9rem;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;width:inherit}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .btn-cta{background-color:#de9e36;border:none;border-radius:10px;color:#37323e;font-size:1.1rem;font-weight:700;margin-top:1rem;margin-bottom:1rem;padding:.5rem}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .btn-cta:hover{background-color:#deb841;color:#042627;cursor:pointer}@media (min-width:800px){.carosel-container .slide-container .backdrop-carosel .carosel-tint img{border-radius:10px;box-sizing:border-box;display:block;height:16rem;margin-left:2rem;object-fit:cover;width:13rem}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .title-container .title{font-size:2.5rem}.carosel-container .slide-container .backdrop-carosel .carosel-tint .slide-info .title-container .rating{display:flex;justify-content:none;align-items:none;flex-direction:row;font-size:1.5rem}}.search-container{width:100%;flex-direction:column;align-items:center}.search-container,.search-container .search-bar{position:absolute;bottom:.5rem;display:flex;justify-content:center}.search-container .search-bar{align-items:none;flex-direction:row;width:90%;margin:auto;box-shadow:0 10px 20px 5px #242424}.search-container .search-bar input{width:50%;outline:none}.search-container .search-bar button,.search-container .search-bar input{font-size:18px;padding:.7rem;box-sizing:border-box;text-transform:capitalize;color:#37323e;background-color:#deb841;border:1px solid #de9e36;border-right:none}.search-container .search-bar button{width:25%;border-left:none}@media (min-width:800px){.search-container .search-bar{width:70%;margin-left:1rem}}.bubble{margin:.1rem .25rem;background-image:linear-gradient(180deg,#de9e36,#deb841);color:#37323e;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:.2rem;font-size:.9rem;font-weight:700}.bubble,.credits{border-radius:10px}.credits{margin:1rem auto;background-color:#37323e;padding:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:90%}.credits .credits-nav .btn-credits{margin:0 0 .5rem .5rem;border-style:none;border-radius:10px;padding:.5rem;background-color:#de9e36;color:#37323e}.credits .credits-nav .btn-credits:hover{background-color:#deb841;color:#042627;cursor:pointer}.credits .credits-nav .active{background-color:#deb841;color:#042627}.credits .credits-main{display:flex;flex-direction:row;text-align:center;max-height:calc(100% - 2.5rem);overflow-x:auto;overflow-y:hidden}
/*# sourceMappingURL=main.0531449e.chunk.css.map */