@font-face{font-family:Roboto;src:url(/AlloMovie/static/media/Roboto-Regular.a8d6ac03c7b96b7acb62.ttf)}@font-face{font-family:Yellowtail;src:url(/AlloMovie/static/media/Yellowtail-Regular.68015177cbf9575be4a4.ttf)}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.site-content{background-color:#020202;box-shadow:0 0 4px 4px rgba(2,2,2,.565);max-width:100rem;min-width:100%}body{align-items:center;background:linear-gradient(45deg,#ffe9e0,#fffff2 35%,#f9ffef 65%,#e0eeff);color:#e9e9e9;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:75rem;min-height:100%;overflow-y:scroll}body::-webkit-scrollbar{display:none}h1{margin:15px}h1,h3{color:#ecad00}h3{margin:0 5px}h4{color:#ecad00;margin:10px 5px}li{list-style-type:none}a{color:#202020;cursor:pointer;text-decoration:none}a:visited{color:#202947}p{color:#202020;margin:10px 5px}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}@media only screen and (max-width:480px){[class*=col-]{width:100%}}[class*=col-]{padding:1rem}.row:after{clear:both;content:""}.about-body{align-items:center;justify-content:center;min-height:50vh}.about-box{background-color:#e9e9e9;border-radius:.5rem;justify-content:center;margin:1rem auto;max-width:75%;min-height:35%;padding:1rem}.about-box ul{color:#202020;list-style-position:inside;margin-left:1rem}.about-box li{color:#202947;list-style-type:circle;margin:.25rem 1.25rem 0 0}.about-box a:hover{background-color:#202947;color:#e9e9e9}.about-title{color:#202020;margin:0;text-align:center}.about-subtitle{color:#202947;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.about-text{color:#202947;margin:1rem;text-align:justify}.about-row{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem auto;max-width:75%}.about-card{align-items:center;background-color:#e9e9e9;border-radius:.5rem;display:flex;height:100%;justify-content:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.about-card:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.about-card .about-card-content{padding:1rem}.about-card p{margin:1rem .25rem;text-align:justify}.about-card .about-card-text{color:#020202;margin:1rem .25rem;text-align:center}.about-card-link a.main:after{bottom:0;content:" ";left:0;position:absolute;right:0;top:0}.header-img{-webkit-animation:fade-in-header .5s;animation:fade-in-header .5s;background-position:50%!important;background-size:cover!important;height:50vh;min-height:50%;position:relative;width:100%}.header-img:after{bottom:0;box-shadow:inset 0 0 100px #020202;content:"";left:0;position:absolute;right:0;top:0}.header-img-info{background-color:rgba(2,2,2,.565);border-radius:10px;margin:0;max-width:60vw;min-width:25vw;padding:5px}.header-img-info-text{bottom:10px;color:#e9e9e9;max-height:100%;min-height:100px;position:absolute;right:10px}.header-img-info-text h1{color:#ecad00;font-size:1em;margin:5px}.header-img-info-text p{color:#e9e9e9;font-size:.9em}@-webkit-keyframes fade-in-header{0%{opacity:0}to{opacity:1}}@keyframes fade-in-header{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out-header{0%{opacity:1}to{opacity:0}}@keyframes fade-out-header{0%{opacity:1}to{opacity:0}}.movie{border:2px solid #f0ba0a;border-radius:10px;height:274px;margin:20px;overflow:hidden;padding-left:0;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:185px}.movie:hover{border:2px solid #e9e9e9;-webkit-transform:scale(1.1);transform:scale(1.1)}.img{border-radius:10px;height:274px;width:185px}.basic-info{background:rgba(0,0,0,.75);border-radius:5px;height:100%;opacity:0;position:absolute;top:0;width:100%;z-index:10}.basic-info:hover{opacity:1}.basic-info .links,.basic-info .title{height:50%;justify-content:center}.basic-info h1{color:#f0ba0a;font-size:115%;font-weight:700;text-align:center}.basic-info h2{color:#e9e9e9;font-size:100%;font-weight:400;margin:5px 0;text-align:center}.basic-info .h2-link{margin-top:0 10px}.basic-info .btn{color:#e9e9e9;margin-top:15px;padding:10px}.basic-info .btn:hover{cursor:pointer;font-weight:700}.basic-info .btn:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.basic-info .btn svg{fill:#e9e9e9;height:32px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;vertical-align:middle;width:32px}.basic-info .btn-fav-on svg{fill:#ac172b}.basic-info .btn-fav-off svg{fill:#e9e9e9}.popup{background-color:#e9e9e9;border-radius:5px;max-width:375px;padding:32px 16px 16px;position:relative;width:100%}.popup div{text-align:center}.popup img{border-radius:5px;height:auto;max-width:100%}.popup h3{color:#202947;font-size:1.5em;margin-bottom:10px;margin-top:10px}.popup span{background-color:#ecad00;border-radius:20px;color:#202947;font-size:.8em;margin:5px;padding:5px}.popup p{color:#202020;margin-top:15px}.popup h2{color:#e9e9e9;font-size:1.5em;font-weight:400;margin:0;padding:0;text-align:left}.popup .h2-link{margin-top:20px}.popup .btn{background-color:#202947;color:#e9e9e9;margin-top:15px;padding:10px}.popup .btn:hover{cursor:pointer;font-weight:700}.popup .btn:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.popup .btn svg{fill:#e9e9e9;height:32px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;vertical-align:middle;width:32px}.popup .btn-fav-on svg{fill:#ac172b}.popup .btn-fav-off svg{fill:#e9e9e9}.popup .close-btn{stroke:#202947;position:absolute;right:16px;top:16px}.popup .close-btn:hover{cursor:pointer}.movies{min-height:50vh;width:100%}.movies .movies-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.movies h1{padding-bottom:5px;padding-top:20px}.movies h4{color:#e9e9e9;padding-bottom:20px;padding-top:0}.movies .customModal{background-color:#e9e9e9;border-radius:5px;padding:10px}.movie-list-title{margin:0;padding-top:10px;text-align:center}.topnav{background-color:#f0ba0a;min-height:4rem;min-width:25%;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topnav a{color:#202020;float:left;font-size:1em;padding:1.5em .5em 1em;text-align:center;text-decoration:none}.topnav a:hover:after{width:100%}.topnav a:after{background:#202947;content:"";display:block;height:3px;transition:.25s;width:0}.topnav a.active{background:#202947;color:#e9e9e9;min-height:4rem}.topnav-right{float:right;max-width:85%;padding:0}.topnav-left{background:#f0ba0a;color:#f0ba0a}.topnav-left a{color:#202947;font-family:Yellowtail,cursive;font-size:2rem;font-weight:700;margin:0;padding:.3em .5em .2em;text-shadow:#e9e9e9 .025em .025em}.topnav-left a:after,.topnav-left a:hover{background:#f0ba0a}.topnav .icon{display:none;min-height:2rem}.topnav .icon:after,.topnav .icon:hover{background:#f0ba0a}@media screen and (max-width:480px){.topnav .icon{cursor:pointer;display:block;padding-top:1rem}.topnav .icon:after,.topnav .icon:hover{content:none}.topnav-right{flex-direction:column;max-width:50%}.topnav-right a{color:#202020;font-size:1rem;padding:.25rem 1rem .25rem .5rem;text-align:right;width:100%}.topnav-right a:after,.topnav-right a:hover{content:none}.topnav-right a.active{background:none;color:#202947;font-weight:700;min-height:1rem;padding:.25rem 1rem .25rem .5rem;text-shadow:#e9e9e9 .025rem .025rem}}.notfound-body{align-items:center;justify-content:center;min-height:50vh}.notfound-box{background-color:#e9e9e9;border-radius:.5rem;justify-content:center;margin:1rem auto;max-width:75%;min-height:35%;padding:1rem}.notfound-box .notfound-title{color:#202020;margin:0;text-align:center}.notfound-box .notfound-subtitle{color:#202947;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.notfound-box .notfound-logo{margin:0 auto;max-width:128px}.notfound-box .notfound-logo .svg{max-height:128px;max-width:128px}.notfound-box .notfound-text{color:#202947;margin:1rem auto;text-align:center}.bottomnav{background-color:#f0ba0a;min-width:25%;overflow:hidden;padding:0 10px 0 0}.pagination-container{display:flex;justify-content:space-evenly;list-style-type:none;min-height:3em}.pagination-container .pagination-item{align-items:center;border:2px solid transparent;border-radius:16px;box-sizing:border-box;color:#202947;display:flex;font-size:1em;height:32px;margin-top:1rem;min-width:32px;padding:0 12px;text-align:center}.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}.pagination-container .pagination-item:hover{background-color:#ecad00;border:2px solid #202947;cursor:pointer}.pagination-container .pagination-item.selected{background-color:#202947;color:#e9e9e9}.pagination-container .pagination-item .arrow:before{border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87);content:"";display:inline-block;height:.4em;position:relative;width:.4em}.pagination-container .pagination-item .arrow.left{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}.search-bar{padding:25px 0 0;position:relative;text-align:center}.search-bar input{border-radius:15px;color:#202020;font-size:1em;font-style:italic;height:100%;max-width:100%;min-width:50%;outline:none;padding:5px 15px}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:transparent;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}@-webkit-keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes react-responsive-modal-modal-in{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes react-responsive-modal-modal-out{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}}
/*# sourceMappingURL=main.af4b45a4.css.map*/