@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Roboto Slab",serif;--font-raleway:"Raleway",sans-serif}::-webkit-scrollbar{background-color:#000;height:.4em;width:.4em}::-webkit-scrollbar-thumb{background-color:#50009c}body{background-color:#121212;font-family:Roboto Slab,serif;font-family:var(--font-roboto)}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#6a08c0,rgba(65,5,162,.985));background-clip:text;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;margin-top:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.topmovies{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:2;margin:2rem}.top-movies{display:flex;flex-wrap:wrap}.top-movie{background-color:#2e2e2f;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;margin-right:10px;padding:5px 10px}.top-movie.active{background-color:#4b04a7}.top-movie:hover{background-color:#2e2e2f;border:0 solid #4b04a7;box-shadow:0 0 4px 0 #4b04a7,0 0 2px 2px #4b04a7}.search{align-items:center;background:#1f2123;border-radius:2rem;box-shadow:5px 5px 7px #00000091,-5px -5px 7px #08010140;display:flex;justify-content:center;margin:2rem 0 1rem;padding:.5rem 1.5rem;width:60%}.menu a{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;list-style:none;transition:all .3s}.menu a:hover{cursor:pointer;text-decoration:none;transition:all .3s}.menu a{position:relative;text-decoration:none}.menu a:before{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.menu a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}.search input{background:#1f2123;border:none;color:#ffffffaa;flex:1 1;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1rem;font-weight:500;outline:none;padding-right:1rem}.logo img{fill:#5d02cc;display:inline;-webkit-filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(1224%) contrast(119%);filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(1224%) contrast(119%);height:100px;margin-right:1rem;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);width:100px}.logo{display:flex}.search img{fill:#4d00ac;cursor:pointer;-webkit-filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(94%) contrast(119%);filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(94%) contrast(119%);height:30px;width:30px}::-webkit-input-placeholder{color:#aca8b89c}::placeholder{color:#aca8b89c}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:#c3b4f9;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.25rem;margin-bottom:25rem}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.movie{border:none;border-radius:12px;box-shadow:0 13px 10px -7px rgba(0,0,0,.1);height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:310px}svg SearchIcon{fill:#3a0080}.movie div:first-of-type{color:#cdb4f9;opacity:0;padding:16px;position:absolute;top:0;width:100%}.movie:hover{box-shadow:0 30px 18px -8px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.movie div:nth-of-type(2),.movie div:nth-of-type(2) img{height:100%;width:100%}.movie div:nth-of-type(3){background-color:#343739;bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.movie div:nth-of-type(3) span{color:#f0f0f0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.movie div:nth-of-type(3) h3{box-shadow:#1f2123;color:#fff;font-family:Poppins,sans-serif;letter-spacing:1px;margin-top:5px}.movie:hover div:nth-of-type(2){height:100%;opacity:.3}.movie:hover div:nth-of-type(3){background-color:initial}.movie:hover div:first-of-type{opacity:1}.footer{font-family:Poppins,sans-serif;margin-top:50px;position:relative;text-align:center;width:100%}.footer p{background-image:linear-gradient(90deg,#121212,#121212 50%,transparent 0);background-position:0 100%;background-size:200% 100%;border-bottom:1px solid transparent;color:#fff;display:inline-block;padding:0 20px;position:relative;transition:background-position .3s;z-index:1}.footer:before{background-color:#ccc;bottom:40%;content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:0}@media screen and (max-width:600px){.app{padding:3rem 2rem}.search{padding:.7rem 1.5rem;width:100%}.search input{font-size:1rem}.search img{height:25px;width:25px}.logo{flex-direction:column}.logo img{fill:#4d00ac;-webkit-filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(1224%) contrast(119%);filter:invert(12%) sepia(45%) saturate(2946%) hue-rotate(271deg) brightness(1224%) contrast(119%);height:60px;margin:auto;width:60px}}@media screen and (max-width:400px){.app{padding:3rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{margin:1rem;width:"100%"}}
/*# sourceMappingURL=main.be4bd1e0.css.map*/