@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}body{background-color:#212426;color:#f9d3b4;font-family:Roboto Slab,serif;font-family:var(--font-roboto);margin:0;padding:0}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f9d3b4,#f9d3b400);background-clip:text;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;width:fit-content}.search{align-items:center;background:#1f2123;border-radius:3rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;display:flex;justify-content:center;margin:4rem 0 2rem;padding:1.5rem 1.75rem;width:71%}.search input{background:#1f2123;border:none;color:#a1a1a1;flex:1 1;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.5rem;font-weight:500;outline:none;padding-right:1rem}.search img{cursor:pointer;height:35px;width:35px}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:#f9d3b4;font-family:Raleway,sans-serif;font-family:var(--font-raleway);font-size:1.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 #0000001a;height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:310px}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie div:nth-of-type(2){height:100%;width:100%}.movie div:nth-of-type(2) img{height:100%;object-fit:cover;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:Raleway,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.movie div:nth-of-type(3) h3{color:#f9d3b4;font-family:Roboto Slab,serif;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}@media screen and (max-width:600px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{height:20px;width:20px}.movie{margin:1rem;width:100%}.movie div:nth-of-type(3){padding:12px}}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{margin:1rem;width:100%}}.modal{display:none}.modal-content{background-color:#1f2123;color:#f9d3b4;width:80%}.modal-content h2{font-size:2rem;margin-bottom:1rem}.modal-content p{font-size:1rem;margin-bottom:.5rem}.modal-content img{border-radius:8px;margin-bottom:1rem;width:100%}.close-modal{background-color:initial;border:none;color:#f9d3b4;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.close-modal:hover{color:#f0a500}.modal{background:#000c}.modal-content{background:#000;max-width:500px;padding:20px;text-align:center}.modal img{margin-bottom:10px;max-height:300px;object-fit:cover;width:100%}.modal .close{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;top:15px}.streaming-section{margin-top:20px;text-align:center}.streaming-section button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px}.streaming-section button:hover{background-color:#c00}.streaming-section button:disabled{background-color:#ccc;cursor:not-allowed}.youtube-embed{height:0;margin-top:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.youtube-embed iframe{position:absolute}.modal,.youtube-embed iframe{height:100%;left:0;top:0;width:100%}.modal{align-items:center;background-color:#000c;display:flex;justify-content:center;overflow-y:auto;position:fixed;z-index:1000}.modal-content{background-color:#1a1a1a;border-radius:10px;color:#fff;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.close:hover{color:#f5c518}.youtube-container{height:0;margin-top:1rem;padding-bottom:56.25%;position:relative;width:100%}.youtube-container iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.video-controls{bottom:10px;display:flex;gap:10px;position:absolute;right:10px;z-index:10}.control-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .3s ease;width:36px}.control-button:hover{background:#000c;transform:scale(1.1)}.trailer-button{background-color:#f5c518;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;margin-bottom:1rem;padding:10px 20px;transition:all .3s ease}.trailer-button:hover{background-color:gold;transform:scale(1.05)}.trailer-button:disabled{background-color:#ccc;cursor:not-allowed}.youtube-container.fullscreen{height:100%;left:0;padding-bottom:0;position:fixed;top:0;width:100%;z-index:1001}.youtube-container.fullscreen iframe{border-radius:0}@media (max-width:768px){.modal-content{padding:1rem;width:95%}.youtube-container{padding-bottom:75%}}
/*# sourceMappingURL=main.4ad9206a.css.map*/