.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}.Movie-Container{grid-gap:20px;border:1px solid #000;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:600px;margin:100px auto auto;min-width:300px;overflow:scroll;overflow-x:hidden;padding:10px;width:90%}.Movie-Container .Movie-Card{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);display:flex;flex-direction:column;height:500px;margin:auto;overflow:hidden;position:relative;width:300px}.Movie-Container .Movie-Card .Movie-Image{height:100%;margin:auto;object-fit:cover;transition:.5s;width:100%}.Movie-Container .Movie-Card .Movie-Detail-Card{background-color:#203538;bottom:0;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:20px;height:85%;left:0;padding:10px;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.5s;width:100%;z-index:1}.Movie-Container .Movie-Card .Movie-Detail-Card .Movie-Title{color:#fff;font-family:sans-serif;font-size:30px;font-weight:400;margin:0 auto auto}.Movie-Container .Movie-Card .Movie-Detail-Card .Movie-Subtitle{color:#fff;font-family:sans-serif;font-size:20px;font-weight:400;margin:0 auto auto}.Movie-Container .Movie-Card .Movie-Detail-Card .Film-Detail-Box{display:flex;flex-direction:column;gap:10px;margin:0 auto auto 0;position:relative;width:100%}.Movie-Container .Movie-Card .Movie-Detail-Card .Film-Detail-Box .Film-Detail{color:#fff;font-family:sans-serif;font-size:16px;font-weight:400;margin:auto auto auto 0;text-align:left;transition:.5s}.Movie-Container .Movie-Card .Movie-Detail-Card .Film-Overview-Box{display:flex;flex-direction:column;gap:10px;margin:0 auto 100% 0;position:relative;width:100%}.Movie-Container .Movie-Card .Movie-Detail-Card .Film-Overview-Box .Film-Overview{color:#fff;font-family:sans-serif;font-size:18px;font-weight:400;margin:auto auto auto 0;text-align:left}.Movie-Container .Movie-Card .Movie-Detail-Card .Type-Box{bottom:10px;display:flex;left:10px;position:absolute}.Movie-Container .Movie-Card .Movie-Detail-Card .Type-Box .Film-Type{color:#fff;font-family:sans-serif;font-size:14px;font-weight:400;margin:auto auto auto 0;text-align:left}.Movie-Container .Movie-Card .Movie-Detail-Card .Watch-Now-Button{background-color:#f20407;bottom:10px;cursor:pointer;display:flex;padding:5px;position:absolute;right:10px}.Movie-Container .Movie-Card .Movie-Detail-Card .Watch-Now-Button .Button-Text{color:#fff;font-family:sans-serif;font-size:15px;font-weight:400;margin:auto auto auto 0;text-align:left}.Movie-Container .Movie-Card .Movie-Detail-Card .Watch-Now-Button .Button-Text #Button-Exclemation{color:#fff;font-family:sans-serif;font-size:15px;font-weight:800;margin:auto auto auto 0;text-align:left}.Movie-Container .Movie-Card:hover .Movie-Image{-webkit-transform:scale(1.2);transform:scale(1.2)}.Movie-Container .Movie-Card:hover .Movie-Detail-Card{-webkit-transform:translateY(0);transform:translateY(0)}.Movie-Container .Movie-Card:hover .Movie-Detail-Card #Realease{color:red}.Movie-Container .Movie-Card:hover .Movie-Detail-Card #Director{color:green}.Movie-Container .Movie-Card:hover .Movie-Detail-Card #Main-Cast{color:#ffdf00}
/*# sourceMappingURL=main.413e96c3.css.map*/