@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,600;1,700&display=swap");body,html{padding:0;margin:0;background-color:#202124;color:#fff;font-family:Nunito,sans-serif}.year-badge{left:4px;border:1px solid #d11ec8;background-color:#d11ec8;border-radius:10px}.rating,.year-badge{position:absolute;top:5px;width:-moz-fit-content;width:fit-content;padding:5px 10px;font-size:12px}.rating{right:4px;border:1px solid #f49f02;background-color:#f49f02;border-radius:10px}.cursor-pointer{cursor:pointer}.grey-badge{border:1px solid #6f6c6c;border-radius:20px;background-color:#6f6c6c;width:-moz-fit-content;width:fit-content;padding:0 20px}.movie-title{position:absolute;padding-bottom:10px;bottom:2px;width:100%;text-align:center;background:linear-gradient(0deg,#000,transparent)}.mt-10{margin-top:10px}.blue-bg{background-color:blue}.logo{width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative;top:3px}.justLogo{cursor:pointer;margin:auto}.movieImage{width:18%}.movieContent{width:75%}.watchContainer{margin:2rem;top:15px;grid-gap:3rem;gap:3rem}.cast,.watchContainer{position:absolute;display:flex}.cast{overflow-x:auto;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;width:79%}.overviewHeader{font-size:22px;height:15px}.overview{width:95%}.movieTitle{font-size:32px;font-weight:700;height:10px}.opacity{background-color:#000;opacity:.7}.imageBackdrop,.opacity{width:100%;height:800px}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.bottom{bottom:10px}.border-white{border:1px solid #fff}.p-l-5{padding-left:5px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.tile-box{width:200px;height:300px}.container{margin:10px 40px}.sm-20{width:20px!important}.w-100{width:100%}.py-10{padding:8px 20px}.ml-50{margin-left:50px}.mb-50{margin-bottom:50px}.ptb-15{padding-top:15px;padding-bottom:15px}.w-100vw{width:100vw}.w-33{width:33%}.w-66{width:66%}.w-50{width:50%}.w-45{width:45%}.w-55{width:55%}.flex{display:flex}.justify-center{justify-content:center}.col-gap-8{grid-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.col-gap-30{grid-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.row-gap-30{grid-row-gap:30px;row-gap:30px}.size-40{height:40px}.flex-wrap{flex-wrap:wrap}.little-m-l{margin-left:15px}.item-center{align-items:center}.pl-5{padding-left:5px}.pb-5{padding-bottom:5px}.starIcon,.trailerIcon{width:30px;color:#ff0}.trailerIcon{color:#fff}.h-40{height:40px}.trailer{margin-left:80px}.iconText{font-size:18px}.card{display:flex;flex-direction:column;width:132px;border:1px solid #636060;border-radius:10px}.actorImage{width:130px;border-top-left-radius:10px;border-top-right-radius:10px}.actorName{font-size:14px;padding:0 8px}.character{font-size:12px;padding:0 8px;margin-top:-10px;color:#d5d2d2}.genre{height:40px;align-self:center;border:1px solid #636060;border-radius:20px;padding:10px 20px;background-color:#636060;color:#fff}.similar-img{width:260px;height:350px;border-top-left-radius:10px;border-top-right-radius:10px}.recommendation{margin-left:50px;display:flex;grid-column-gap:30px;-moz-column-gap:30px;column-gap:30px;width:95%;overflow-x:auto}.recomm-card{border:1px solid #636060;border-radius:10px;cursor:pointer}.more{width:100px;padding:0 40px;margin:auto auto auto -30px}.recomm-body{display:flex;justify-content:space-between;margin:0 10px;position:relative}.click{cursor:pointer}.votes{border:1px solid #fff;border-radius:20px;padding:5px;position:absolute;top:-357px;right:0;background-color:#f49f02}.display-none,.sidebar{display:none}.sidebar{width:1px}.divider{background-color:#fff;width:90%;height:1px;margin:0 auto;opacity:.4}@media screen and (max-width:1100px){.container{margin-top:0}.tile-box{width:140px;height:220px}.navButtons{display:none}.navbar{justify-content:center}.justLogo,.logo{display:flex}.hammburger{position:absolute;left:15px;top:15px;cursor:pointer;z-index:2}.hammburgerLine{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transition:transform .3s ease-in-out,top .3s ease-in-out,display .3s ease-in-out}.hammburgerCross:first-child{top:5px;transform:rotate(225deg)}.hammburgerCross:nth-child(2){display:none}.hammburgerCross:nth-child(3){top:-4px;transform:rotate(315deg)}.sidebar{width:100vw;height:100vh;position:fixed;z-index:1;display:flex;transform:translateX(-100%);transition:transform .3s}.sidebarTranslate{transform:translateX(0)}.moviesSideBarDivider{position:relative;top:10px}.sidebarContainer{width:40%;opacity:1}.sidebarContainer,.sidebarOpacity{height:100vh;background-color:#202124}.sidebarOpacity{width:60%;opacity:.4;margin:0}.moviesSideBar{display:flex;grid-column-gap:25px;-moz-column-gap:25px;column-gap:25px;margin-top:50px;margin-left:20px;margin-right:20px;cursor:pointer}.moviesSideBar p,.tvSideBar p{font-size:18px;font-weight:700}.tvSideBar{display:flex;grid-column-gap:25px;-moz-column-gap:25px;column-gap:25px;margin-left:20px;margin-right:20px;cursor:pointer}.sideBarGenreContainer{margin:10px;padding-bottom:20px;height:700px;overflow:scroll}}