@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic,400italic,600italic,700italic,800italic);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar-brand{height:60px;width:20vw;font-size:50px;display:flex;justify-content:center;margin-left:10px;margin-bottom:10px;margin-right:100px;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-style:italic;color:#008b8b}.navbar{height:8rem;width:100vw;margin-left:20px;border:1px solid #000;background-color:#3a3838}.external-nav{background-color:#000;flex-direction:column;align-items:center}.external-nav,.nav-item{display:flex;justify-content:center}.nav-item{height:100%;width:8vw;font-size:1.7rem;color:#fff}.nav-item :hover{background-color:#000;color:#fff}.nav-input{width:60vw;height:30px;background-color:#000;font-size:10px;justify-content:space-between;border-radius:15px;border:1px solid #000;color:#999191;padding:5px}.nav-input,.nav-input-container{display:flex;justify-content:center;align-items:center}.nav-input-container{width:80vw;height:50px;background-color:#3a3838}.nav-button{width:10vw;height:30px;background-color:#312c2c;font-size:25px;display:flex;justify-content:center;align-items:center;border-radius:8px;color:#fff;border-radius:15px;border:1px solid #000;padding:5px}.nav-button:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}body{background:linear-gradient(rgba(30,27,38,.95),rgba(30,27,38,.95)),url(https://i.ibb.co/FDGqCmM/papers-co-ag74-interstellar-wide-space-film-movie-art-33-iphone6-wallpaper.jpg);background-position:50%;background-size:cover;background-repeat:repeat}.containers{width:375px;height:750px;margin:5px}.cellphone-container{width:375px;height:660px;background-color:#1e1b26;margin:60px auto 0;box-shadow:5px 5px 115px -14px #000;border-radius:4px}.card_container{display:flex;flex-wrap:wrap;justify-content:space-evenly}.menu{position:absolute;right:12px;top:6px;z-index:999}.menu i{font-size:40px;color:#fe4141;-webkit-filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5));filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5))}.movie-img{width:100%;height:380px;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:111!important;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(.35,#000),color-stop(.5,#000),color-stop(.65,#000),color-stop(.85,rgba(0,0,0,.6)),color-stop(1,transparent));position:relative}.movie{background:linear-gradient(180deg,hsla(0,0%,100%,0) 38%,hsla(0,0%,100%,.06) 39%,rgba(30,27,38,.88) 53%,#1e1b26 55%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#1e1b26",GradientType=0);position:absolute;background-size:contain;background-size:cover;z-index:1!important;width:375px;height:660px;display:block;border-radius:4px}.text-movie-cont{padding:0 12px;text-align:justify}.action-btn,.action-btn i{text-align:right}.action-btn i{color:#fe4141;font-size:28px}.watch-btn{display:block;border:1px solid #fe4141;border-radius:5px;padding:4px;width:140px}.watch-btn h3 i{font-size:14px;margin-right:2px;position:relative;float:left;line-height:1}.action-row{margin-top:24px}.summary-row{margin-top:12px}h1,h2,h3,h4,h5{font-family:"Montserrat",sans-serif;color:#e7e7e7;margin:0}h1{font-size:36px}h1,h3{font-weight:400}h3{font-size:14px;color:#fe4141}h5{font-size:12px;font-weight:400}.movie-gen,.movie-likes{margin:0;padding:0}.movie-gen li,.movie-likes li{font-family:"Open Sans",sans-serif;font-size:12px;color:#818181;width:auto;display:block;float:left;margin-right:6px;font-weight:600}.movie-likes{float:right}.movie-likes li{color:#fe4141}.movie-likes li:last-child{margin-right:0}.movie-likes li i{font-size:14px;margin-right:4px;position:relative;float:left;line-height:1}.movie-details{font-weight:300;color:#b4b4b4}.movie-description,.movie-details{font-family:"Open Sans",sans-serif;font-size:12px}.movie-description{font-weight:400;color:#9b9b9b;text-align:justify;line-height:1.3}.movie-actors{font-family:"Open Sans",sans-serif;font-size:12px;font-weight:300;color:#e7e7e7;font-style:italic}.thegrid{margin:0 auto}.elements-distance,.movie-actors,.movie-description,.movie-details{margin:0}.mr-grid{width:100%}.mr-grid:after,.mr-grid:before{content:"";display:table}.mr-grid:after{clear:both}.mr-grid{*zoom:1}.col1,.col2,.col3,.col3rest,.col4,.col4rest,.col5,.col5rest,.col6,.col6rest{margin:0 .5% .5%;padding:1%;float:left;display:block}.col1{width:98%;z-index:2}.col2{width:47%}.col3{width:30.3333333333%}.col4{width:22%}.col5{width:17%}.col6{width:13.6666666667%}.col3rest{width:63.6666666667%}.col4rest{width:72%}.col5rest{width:77%}.col6rest{width:80.3333333333%}.dribbble-link{width:50px;height:50px;position:fixed;bottom:15px;right:15px;border-radius:50px}
/*# sourceMappingURL=main.c6f7a759.chunk.css.map */