.header{display:flex;justify-content:center;width:100%;padding:50px 0}.header__logo{display:flex;gap:5rem;align-items:center;justify-content:center}.seatpicker{position:relative}.seatpicker__container{align-self:center;display:flex;flex-direction:column;align-content:center;flex-wrap:nowrap;margin-top:50px}.seatpicker__container__row{padding-left:20px;margin-bottom:3px;position:relative}.seatpicker__container__row:nth-of-type(2n){padding-left:35px}.seatpicker__container__row span{position:absolute;left:0}.seatpicker__container__row input{display:inline-block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:12px;margin-right:10px;background-color:beige;border:1px solid #cacece;border-top-left-radius:10px;border-top-right-radius:10px}.seatpicker__container__row input:checked{background-color:pink}.seatpicker .apply{position:absolute;right:0px;bottom:300px}.selector{display:flex;flex-direction:column;margin-top:50px;width:100%;overflow:hidden}.selector .time{width:100%;display:flex;align-self:center;justify-content:space-around;border-radius:5px;background-color:#a8acac}.selector .time div{padding:5px 15px;margin:5px 0;border-radius:5px;background-color:beige;color:#000;font-weight:600;cursor:pointer}.selector .time div.active,.selector .time div:hover{background-color:pink}.selector .time div:active{background-color:#93c8dd}.detail{align-self:center;width:80%}.detail .titlenposter{display:flex;align-items:flex-start;margin:0 20px;max-width:1000px}.detail .titlenposter img{width:25%;max-width:250px;min-width:150px}.detail .titlenposter .wrapper{margin-left:40px;margin-bottom:20px;width:75%}.detail .titlenposter .wrapper .movie-credit>p{margin-top:3%}.detail .titlenposter .wrapper .movie-title{position:relative;padding-right:100px;min-width:470px}.detail .titlenposter .wrapper .movie-title h1{margin-left:-10px;min-width:850px}.detail .titlenposter .wrapper .movie-title .movie-rating{position:absolute;bottom:5px;right:0}.detail .titlenposter .wrapper .movie-title .movie-rating span{font-weight:900}.detail .movie-buttons{margin:60px auto 0;display:block;width:fit-content}.detail .movie-buttons .button{padding:25px 75px;border-radius:20px;text-align:center;font-size:1.4rem;font-weight:600;background-color:red;cursor:pointer}.detail .movie-buttons .button:hover{background-color:brown}@media screen and (max-width: 768px){.detail .titlenposter,.detail .titlenposter .wrapper .movie-title{display:flex;flex-direction:column}.detail .titlenposter .wrapper .movie-title h1{word-wrap:break-word;min-width:50%}.detail .titlenposter .wrapper .movie-title .movie-rating{display:none}.detail .titlenposter img{align-self:center}}.row{margin-bottom:50px}.row h2{margin-bottom:20px;margin-left:20px}.row .scroll::-webkit-scrollbar{display:none}.row__posters{display:flex;flex-wrap:nowrap;gap:1rem;overflow-y:hidden;overflow-x:scroll;margin:0 20px;padding:10px}.row__posters img{max-height:200px;object-fit:contain;transition:transform .45s;cursor:pointer}.row__posters img:hover{transform:scale(1.08)}@media screen and (max-width: 768px){.row .row ::-webkit-scrollbar{display:none}}.hero-text{flex-basis:20%;text-align:center;margin:20px 0}.hero-text h2{font-size:2rem;margin-bottom:5px}.section{flex-basis:70%}*{margin:0;padding:0;background-color:#111}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.app{display:flex;flex-direction:column;justify-content:flex-start;width:100%;background-color:#111;color:#f0f8ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}