body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;font-family:"Orbitron"}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.landing-container{display:flex;flex-direction:column;width:100%;height:100%}.image-container{width:100%}.banner-landing{display:block;justify-content:center;align-items:center}.footer-landing{position:absolute;bottom:0;width:100%}.button-landing{position:absolute;justify-content:center;align-items:center;left:5%;top:55%}.nav-container{display:flex;position:fixed;top:0;left:0;width:100%;z-index:9999;box-shadow:1px 1px 3px #3f3f3f;color:#fffeff;font-weight:800;background-Color:rgba(128,0,128,.5)}.span-title{color:#fff}.animated-button{background:transparent;color:#fff;border-radius:10px;font-weight:700}.contenedor-form{justify-content:flex-start;flex-wrap:wrap}.contenedor-form,.form div{display:flex;flex-direction:column}.form div label{margin-bottom:5px}.form div input{margin-bottom:10px}.form div span{color:red;font-size:.8rem;margin-top:5px}.form input{width:100%}.form select{margin-bottom:15px}.form button{align-self:center;margin-top:15px;border-radius:5px}.lista{display:inline-flex;align-items:center;margin-right:10px;margin-bottom:10px;padding:5px;background-color:#d3d3d3;border-radius:5px}.Modal-a{background-Color:rgba(128,0,128,.5)}.Container-Banner img{width:100%;height:500px}.text{position:absolute;flex-direction:column;top:0;left:0;padding:30px;margin-top:15%;color:#f2f2f2;font-weight:700;margin-left:10px;text-shadow:2px 2px 0 #a69fae}.footer-container,.text{display:flex;justify-content:center}.footer-container{box-shadow:2px 2px 3px #f7f7f7;background-color:#e9afe7;font-weight:800;padding:50px;width:100%;color:#000;bottom:0}.Card-container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:350px;font-weight:500px;border-radius:20px;margin-bottom:30px}.Card-container img{width:100%;border-radius:20px}.genres-card,.name-card{display:flex;align-self:flex-start}.name-card{padding-top:10px;font-weight:700;font-size:18px}.rating-span{position:absolute;top:0;right:0;padding:3px;background-color:rgba(0,0,0,.5);color:#ff8c00;font-weight:700;font-size:16px;z-index:1;border-top-right-radius:20px}.btn-paginado{border-radius:15px;border:2px solid #9400d3;margin:0 5px}.sk-fading-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.Container-searchbar{padding:20px;margin:20px;width:100%}.Container-searchbar,.custom-input{display:flex;justify-content:flex-end}.custom-input{align-items:flex-end;width:270px;border:2px solid #000;border-radius:10px;background-color:#e9afe7}.btn-custom{background-color:#fff;border:2px solid #9400d3;color:#000;font-weight:700;border-radius:10px;background-color:#981e94}.btn-custom:hover{background-color:#000;color:#fff}.Filter-Container div{margin:10px}.filter-genre,.selectOrdenamiento{border-radius:10px;border:2px solid #9400d3;background-color:#e9afe7}.filter-genre{display:flex;flex-direction:column}.Rating{border-radius:10px;border:2px solid #9400d3;background-color:#e9afe7}.filtro-creacion{display:flex;flex-direction:column}.Filter-created{border-radius:10px;border:2px solid #9400d3;background-color:#e9afe7}.ordenamiento,.ordenamiento-rating{display:flex;flex-direction:column}.Home-container{max-width:100%;overflow-x:hidden}.card-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px;padding:30px}.card-container .col{flex-basis:calc(33.33% - 10px);margin-bottom:20px}@media screen and (max-width:880px){.card-container .col{flex-basis:calc(50% - 10px);display:flex;flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width:576px){.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-container .col{flex-basis:100%}}*{box-sizing:border-box}.img-detail{display:flex;justify-content:start;width:100%;box-shadow:0 0 50px rgba(0,0,0,.5)}.img-detail img{width:100%;border-radius:20px}.div-detail{display:flex;padding-top:100px;-webkit-filter:blur();filter:blur()}@media (max-width:767px){.order-first-responsive{order:-1!important;margin:20px}}
/*# sourceMappingURL=main.e75215b4.chunk.css.map */