@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";.header{background-color:#011638;background-color:#37373780;display:flex;align-items:center;justify-content:space-between;padding:1% 2%}.searchbar--movies{flex:.5}.form--movies{box-shadow:.2rem .2rem .4rem #00000080;width:100%}.form--movies:hover{box-shadow:.4rem .4rem .8rem #000c}.form__group{background-color:#37373780;border:.2rem solid #eef0f2;border-radius:1.2rem;display:flex;align-items:center;gap:.5rem;transition:.3s all ease;padding:0 2rem;width:100%}.search-input{color:#eef0f2;border-radius:1rem;display:block;transition:.3s all ease;padding:.8rem 1rem;outline:none;width:100%}.total-results__text{font-size:2rem}.total-results__text span{background:linear-gradient(to right,#eec643,#eec643,#0d21a1,#eec643,#0d21a1);color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:700}.main{padding:4rem 0;width:100%}.box-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4rem;margin:0 auto;width:90rem}.box{border:.2rem solid #333;box-shadow:#959da533 0 8px 24px;border-radius:2rem;height:60rem;overflow-y:scroll}.box--movies-list{background-color:#373737;transition:.3s all ease;padding:4%}.box--movies-list:hover,.box--movies-detail:hover{background-color:#37373780}.box--movies-detail{background-color:#373737}.card-box{display:grid;grid-gap:2rem}.card{cursor:pointer}.card--movie{color:#141414;background-color:#ebebeb;box-shadow:.2rem .2rem .4rem #00000080;border-radius:1rem;display:grid;grid-template-columns:7rem 1fr;align-items:center;grid-gap:1.5rem;transition:.3s all ease;overflow:hidden}.card--active{background-color:#ebebeb99;box-shadow:.1rem .1rem .2rem #00000040}.card--movie:hover{background-color:#ebebeb99}.card__image-box{width:7rem;height:10rem}.card__image{width:100%;height:100%;object-fit:cover}.card__body{display:flex;flex-direction:column;gap:.5rem}.card__title{color:#141414b3;font-size:1.6rem}.card__year{color:#14141499;font-size:1.4rem}.card__type{color:#14141480;font-size:1.4rem}.detail--box{position:relative}.detail__image-box{width:100%;height:20rem}.detail__img{object-fit:cover;object-position:top;width:100%;height:100%}.detail__body{padding:0 1.5rem}.detail__plot{color:#ebebeb80;font-style:italic;font-size:1.4rem;text-align:center;margin:1.5rem auto 0;line-height:1.6;width:90%}.detail__plot:before{content:'"'}.detail__plot:after{content:"”"}.detail__movie-info{font-size:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:2rem 0}.detail__genre,.detail__rating__text,.detail__language{color:#fff9}.detail__genre span,.detail__rating__text span,.detail__language span{font-weight:700;color:#ffffffb3}.detail__rating{display:flex;align-items:center;gap:.5rem}.detail__actors,.detail__writer{color:#fff9;text-align:center;font-size:1.4rem}.detail__actors span,.detail__writer span{color:#ffffffb3;font-weight:700}.detail__writer{margin-top:1.2rem}.detail__close{position:absolute;top:6%;right:5%}.btn--close{cursor:pointer;color:#141414;background-color:#ebebeb;border-radius:100%;display:block;font-weight:700;padding:.5rem 1rem;z-index:10}:root{--ff-primary: "Roboto Condensed", sans-serif}*,*:before,*:after{color:inherit;box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:#eef0f2;background-color:#141414;font-family:var(--ff-primary);font-size:1.6rem;font-weight:400;min-height:100vh}a{text-decoration:none}button,a,input{font:inherit}input,button{background-color:transparent;border:none}