@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}#root,.app,body,html{font-family:Source Sans\ 3,sans-serif;font-optical-sizing:auto;font-style:normal;height:100%;width:100%}.app{position:relative}body{background:#181818}.navbar{align-items:center;background:#000;display:flex;height:60px;padding:0 2.5vw;position:fixed;top:0;width:100%;z-index:9}.logo{cursor:pointer;height:60%}.join-box{align-items:center;display:flex;height:auto;justify-content:center;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn,.join-msg{color:#fff;text-transform:uppercase}.btn{background:none;border:1px solid #fff;border-radius:2px;cursor:pointer;height:35px;margin-left:10px;padding:0 10px}.join-btn{background:#dd0e15;border-color:#dd0e15}.main{color:#fff;margin-top:60px;padding:40px 2.5vw;position:relative;width:100%}.heading{font-size:50px;font-weight:900;text-transform:capitalize}.info{font-size:20px;margin-top:10px;width:50%}.movie-list{height:250px;margin-top:40px;position:relative;width:100%}.movie-category{font-size:20px;font-weight:500;margin-bottom:20px;text-transform:capitalize}.movie-container{align-items:center;display:flex;height:200px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;width:100%}.movie-container::-webkit-scrollbar{display:none}.movie{cursor:pointer;flex:0 0 auto;height:200px;margin-right:10px;position:relative;text-align:center;width:24%}.movie img{height:170px;object-fit:cover;width:100%}.movie p{height:20px;overflow:hidden;text-transform:capitalize}.nxt-btn,.pre-btn{background:#181818;border:none;height:200px;opacity:0;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:2.5vw}.pre-btn{left:-2.5vw}.nxt-btn{right:-2.5vw}.nxt-btn img,.pre-btn img{height:20px;object-fit:contain;width:20px}.nxt-btn:hover,.pre-btn:hover{opacity:1}.movie-info{background-repeat:no-repeat;background-size:cover;height:calc(100vh - 60px);margin-top:60px;width:100%}.movie-detail{background:#181818;background:linear-gradient(90deg,#181818,#18181800 100%);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:5vw;width:50%}.movie-name{font-size:30px;font-weight:500}.genres{margin:30px 0;opacity:.6}.des{line-height:20px;margin-bottom:30px;width:70%}.starring span{opacity:.6}.recommendations,.trailer-container{color:#fff;padding:5vw 5vw 0}.heading{font-size:30px;font-weight:300;margin-bottom:20px}iframe{height:200px;width:400px}.recommendations-container{display:flex;flex-wrap:wrap;width:100%}.movie p{background:#00000080;bottom:30px;height:30px;line-height:30px;opacity:0;position:absolute;text-align:center;width:100%}.movie:hover p{opacity:1}
/*# sourceMappingURL=main.7057e96d.css.map*/