.nav{position:fixed;top:0;display:flex;justify-content:space-between;align-items:center;padding:.5rem;color:#fff;width:100%;z-index:1;height:50px;transition:all .5s ease-in}.nav__logo{width:100px;object-fit:contain;position:fixed;left:2rem;top:1rem}.nav__solid{background:linear-gradient(.25turn,#481e68,#17366c)}.logo{font-family:Anton,sans-serif;font-weight:400;font-style:normal;position:fixed;left:2rem;font-size:2em}.logo__mini{font-size:.7em}.search{position:fixed;display:flex;right:2rem;height:41px}.search__button{background:transparent;border:none;color:#fff;cursor:pointer;padding:0}.searchInput{box-sizing:border-box;height:100%;align-items:center;background:#17366ccc;border:1px solid hsla(0,0%,100%,.85);display:flex;transition:transform .3s ease-in-out;transform:scaleX(0);transform-origin:right}.searchInput.in.expanded{transform:scaleX(1)}.visually-hidden{clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.searchInput input{background:transparent;border:none;box-sizing:border-box;color:#fff;display:inline-block;font-size:14px;outline:none;padding:7px 14px 7px 7px;width:212px}.searchInput .empty{visibility:hidden}.searchInput .search-icon{padding:0 6px}.searchInput .icon-close{cursor:pointer;font-size:13px;margin:0 6px}.icon-close:before{content:"✕"}.searchResults{margin-top:1px;position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0;font-weight:700}.searchResult__link{color:#fff;text-decoration:none}.searchResult{padding:10px;cursor:pointer;background-color:#17366ccc;border-bottom:1px solid #d4d4d4}.searchResult__poster{float:left;margin:0 10px 0 0}.searchResult__releaseDate{padding:2px}.searchResult__end{clear:both}*{margin:0}body{-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;background:linear-gradient(.25turn,#481e68,#17366c);color:#fff}.App{background-color:#141414;color:#fff}.banner{color:#fff;object-fit:contain;height:448px;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));mask-image:linear-gradient(#000 80%,#0000)}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.45)}.banner__description{width:45rem;line-height:normal;padding-top:1rem;font-size:1.2rem;max-width:360px;height:80px;text-shadow:2px 2px 4px rgba(0,0,0,.45)}.banner__buttons{display:flex}.banner__button{cursor:pointer;color:#fff;border:none;outline:none;font-weight:700;border-radius:.2vw;padding:.5rem 2rem;margin-right:1rem;background-color:#33333380;font-size:1rem;transition:all .2s}.banner__button:hover{color:#000;background-color:#fff;transition:all .2s}.row>h2{margin-left:20px;text-shadow:5px 5px 4px rgba(0,0,0,1)}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:30px;width:fit-content}.row__posters::-webkit-scrollbar{display:none}.row__poster{object-fit:contain;flex:0 0 5%;width:100%;max-height:200px;transition:transform .3s ease .1s;margin-right:10px;border-radius:.2vw}.row__posters:hover .row__poster{transform:translate(-5%)}.row__poster:hover~.row__poster{transform:translate(5%)}.row__poster:last-child{margin-right:0}.row__poster:hover{transform:scale(1.1)!important}.row__posterLarge{max-height:250px}.row__posterLarge:hover{transform:scale(1.09)}.youtube_trailer_container{width:min(100%,1000px);margin:0 auto}.youtube_trailer_container a{text-decoration:none}.youtube_trailer_buttons{display:flex;justify-content:space-between}.youtube_trailer_buttons div{display:inline-block;margin:20px 0;width:130px;text-align:center;text-decoration:none;cursor:pointer;color:#fff;border:2px solid white;outline:none;font-weight:700;border-radius:.2vw;padding:.5rem 2rem;background-color:#33333380;font-size:1rem;transition:all .2s}.youtube_trailer_buttons div:hover{text-decoration:none;border:2px solid black;color:#000;background-color:#fff;transition:all .2s}.moviedetails__banner{object-fit:cover;width:100%;opacity:.4;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));mask-image:linear-gradient(#000 80%,#0000);position:absolute;top:0;filter:blur(2px);z-index:-1}.moviedetails__contents{background-color:#00000073;padding:0 30px 50px;height:100%;box-shadow:0 0 20px 15px #00000073}.moviedetails__title{font-size:3rem;font-weight:800;padding-bottom:.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.45)}.moviedetails__description{width:100%;line-height:normal;padding-top:1rem;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.45)}.moviedetails__bottom{width:min(100%,100vw);display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:center;padding-top:100px}.moviedetails__reviews{margin-top:50px;width:100%}.moviedetails__review{padding-top:25px;text-wrap:wrap}.review__content{font-size:1.2rem;line-height:1.5;margin-top:1rem}.review__author{font-size:1rem;font-weight:800;margin-top:.5rem;margin-left:2rem}.youtube_trailer_container_details{width:min(100%,1000px);margin:80px auto 20px}@media screen and (max-width: 768px){.moviedetails__contents{padding:0 20px 50px}.moviedetails__title{font-size:2rem}.moviedetails__description{font-size:1.2rem}.moviedetails__bottom{padding-top:50px;font-size:.8rem}.moviedetails__reviews{margin-top:20px}.moviedetails__review{padding-top:20px}.review__content,.review__author{font-size:1rem}}