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}*{box-sizing:border-box;margin:0;padding:0;font-family:"Open Sans",sans-serif;font-weight:700}.showcase{position:absolute;right:0;width:100%;min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#000;color:#fff;z-index:2;transition:.5s}.showcase.active{right:300px}.logo{width:120px}.menu{position:absolute;top:0;right:0;width:300px;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.menu ul{position:relative;list-style:none}.menu ul li{margin-top:15px}.menu ul li .link{text-decoration:none;font-size:20px;color:#000;transition:.3s}.menu ul li a:hover{color:grey}.toggle{position:relative;width:40px;height:40px;cursor:pointer;font-size:45px}.toggle.active{background-repeat:no-repeat;background-size:35px;background-position:50%}.showcase .background{height:100%;object-fit:cover;opacity:.8}.showcase .background,.showcase header{position:absolute;top:0;left:0;width:100%}.showcase header{padding:40px 100px;z-index:1000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.text{position:relative;z-index:10;width:400px}.overlayDiv{position:absolute;top:0;left:0;width:100%;height:100%;background-color:grey;mix-blend-mode:overlay}.text a{display:inline-block;font-size:1em;text-decoration:none;background-color:#fff;padding:10px 30px;color:#000;margin-top:15px;letter-spacing:1px;transition:.5s;width:100px}.text a:hover{width:120px;letter-spacing:5px}.text h2{font-size:3em;font-weight:800}.text h2,.text h3{color:#fff;margin-top:10px}.text h3{font-size:2em;font-weight:700}@media (min-width:360px) and (max-width:767px),(min-width:384px) and (max-width:767px),(min-width:390px) and (max-width:767px),(min-width:412px) and (max-width:767px),(min-width:428px) and (max-width:767px),only screen and (min-width:414px) and (max-width:767px){.showcase header{padding:5px}}header{width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.row-posters{display:grid;grid-template-columns:repeat(7,1fr)}.container{position:relative;width:100%;border:5px solid #fff}.image{width:100%;height:auto;height:100%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#000;border:4px solid brown}.container:hover .overlay{opacity:1}.text{color:#fff;font-size:15px;position:absolute;margin-top:15px;font-display:Impact,fantasy;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:100%}.text span{margin-top:10px;font-size:20px}.header{width:100%;min-height:10vh;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#000;color:#fff}.header-logo{width:120px;margin-left:2%}.back{background-color:#fff;width:100px;color:#000;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-right:2%;transition:.5s;padding:5px}.back:hover{opacity:.5}.movie-header{width:97%;height:100px;background-color:#000;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-left:1.5%;margin-top:20px;margin-bottom:20px}.movie-header-title{color:#fff;font-size:25px}.movie-container{display:grid;grid-template-columns:1fr 4fr;background-color:#000;width:97%;height:650px;margin-left:1.5%}.movie-img-container{width:100%}.movie-img{width:300px}.movie-details{color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}body{font-family:Optima,sans-serif}a{text-decoration:none;color:grey}.manage-list{margin-top:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.manage-list button{font-size:20px;width:105px;padding:5px;background:#000;color:#fff;border-radius:9px;margin:10px}
/*# sourceMappingURL=main.15fa8f55.chunk.css.map */