.movie__cover-img{position:relative}.movie__cover-img img{width:100%;height:95vh}.movie__details{position:absolute;top:0;left:0;z-index:999;top:50%;left:50%;border:2px solid #d2691e;transform:translate(-50%,-50%);padding:2% 5%;background-color:rgba(0,139,139,.43137254901960786);color:#fff}.movie .heading{text-align:center;text-transform:uppercase;color:rgba(0,0,0,.7098039215686275);font-size:larger}.movie__actors{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);grid-gap:1% 4%;padding:0 5%;margin-top:3%}.movie__actors .actor{position:relative}.movie__actors .actor img{width:100%}.movie__actors .actor--name{position:absolute;bottom:0;left:10%;color:hsla(0,0%,100%,.8588235294117647);opacity:0;transition-duration:.2s}.movie__actors .actor:hover>.actor--name{opacity:1;border:1px solid;padding:1% 2%;background-color:rgba(0,0,0,.404)}@media only screen and (max-width:667px){.movie__details{padding:0 5%;width:90%;height:100%;border:none}.movie .heading{font-size:x-small}.movie__cover-img img{height:22rem}.movie__actors .actor--name{font-size:x-small;left:0;margin:auto}}.loding{position:relative;height:100vh}.loding .loding-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem}.header__content{position:absolute;top:30%;left:5%;width:33%;background:hsla(0,0%,100%,.6784313725490196);padding:1%;border-radius:4px;text-align:justify}.header__content>h1:first-child{margin:0;font-size:larger;font-weight:900;font-size:small;text-transform:capitalize;text-decoration:underline}.header__content>h2:nth-child(2){margin-bottom:0;font-size:larger;text-transform:uppercase}.header__content>p:nth-child(3){margin-top:5px}@media only screen and (max-width:667px){.header__content{top:15%;margin-right:6%;width:auto}.header__content>h1:first-child{font-size:x-small}}.container .nav{background-color:#0ff;display:flex;align-items:center;justify-content:space-around;align-content:center}.container .nav .button--switch{position:relative;display:inline-block;width:55px;height:30px}.container .nav .button--switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f1f1f1;transition:.4s}.container .nav .button--switch .slider:before{position:absolute;content:"";height:26px;width:45%;left:2px;bottom:2px;background-color:rgba(12,12,12,.9294117647058824);transition:.4s}.container .nav .button--switch input{opacity:0;width:0;height:0}.container .nav .button--switch input:checked+.slider{background-color:rgba(12,12,12,.9294117647058824)}.container .nav .button--switch input:checked+.slider:before{background-color:#f1f1f1;transform:translateX(100%)}.container .nav .button--switch .round{border-radius:34px}.container .nav .button--switch .round:before{border-radius:50%}.container .header{position:relative}.container .header img{width:100%;height:90vh}.container .populaer-movie{padding:0 5%}.container .populaer-movie .heading{display:inline-block;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.7098039215686275);color:rgba(0,0,0,.7098039215686275);font-size:larger}.container .main-body{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:1rem 4%;gap:1rem 4%;padding:0 5%;color:rgba(0,0,0,.753)}.container .main-body>a{width:100%;position:relative}.container .main-body>a img{width:100%}.container .main-body>a .view-details{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;transition-duration:.4s}.container .main-body>a .view-details h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;border:1px solid;font-size:80%;padding:1%;opacity:0}.container .main-body>a .view-details:hover>h3{opacity:1;transition:.4s ease-out}.container .main-body>a:hover>.view-details{background-color:hsla(0,0%,92.5%,.5098039215686274);transition:.4s ease-out}.container .main-body .btn-relod{text-align:center;grid-column:1/-1}.container .main-body .btn-relod button{padding:5px 10px;font-size:large;font-weight:600;text-transform:uppercase;color:#5f9ea0;margin-bottom:1%;cursor:pointer;border:1px solid rgba(0,0,0,.377);color:rgba(0,0,0,.377);transition-duration:.4s}.container .main-body .btn-relod button:hover{background-color:rgba(0,0,0,.644);color:rgba(248,248,247,.822)}@media only screen and (max-width:667px){.container .header img{height:20rem}}.search{position:absolute;width:90%;bottom:10%;left:5%}.search input[type=text]{width:35%;padding:12px 20px;border:1px solid;background-color:hsla(0,0%,100%,.7607843137254902)}.search input[type=text]:focus{border:1px solid}@media only screen and (max-width:667px){.search input[type=text]{width:50%}}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}
/*# sourceMappingURL=main.68fa485c.chunk.css.map */