body{margin:0;padding:0;color:#f5f5f5;background-color:#0d1117;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}main{min-height:100vh;margin:0;padding:0}.wrapper{width:90%;max-width:1400px;margin:auto}a{text-decoration:none}.no-results{text-align:center;padding-top:4rem;font-size:2rem;letter-spacing:.04rem}.total-results{font-size:1.4rem;letter-spacing:.04rem}.total-results-text{font-style:italic}.header{display:flex;align-items:center;justify-content:center}.header-title{line-height:3.6rem;margin:1rem;font-size:3.6rem;background:-webkit-linear-gradient(90deg,#00bce2 1%,#0d0d91 100%);background:linear-gradient(90deg,#00bce2 1%,#0d0d91 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.header-title:hover{opacity:.9}.search-form{margin:1rem 0;display:flex;align-items:center;justify-content:center}.search-form-input{outline:none;width:100%;max-width:360px;height:44px;padding:0 .5rem;border:3px solid #14879e;border-right:none;background:transparent;color:#f5f5f5;font-size:1rem;border-radius:.2rem 0 0 .2rem;letter-spacing:.08rem}.search-form-input::placeholder{color:#a5a5a5;-webkit-user-select:none;user-select:none}.search-form-btn{height:44px;border:1px solid #14879e;background:#14879e;border-radius:0 .2rem .2rem 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.movies-grid-section{min-height:100vh;margin:3rem 0;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.movie-card{text-align:center}.movie-card-poster{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:.2rem;-webkit-user-select:none;user-select:none}.movie-card-poster:hover{cursor:pointer;opacity:.7;transition:ease-in-out .4s}.movie-card-title{margin:.6rem 0}.movie-card:hover-poster{transform:scale(1.1);width:100px}.loader{box-sizing:border-box;margin:auto;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;z-index:1;width:74px;height:74px;position:fixed;left:0;right:0;top:0;bottom:0;animation:rotation 1s linear infinite}@media screen and (max-width: 425px){.loader{width:50px;height:50px}}.loader.hidden{display:none}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{padding:1rem 0;display:flex;align-items:center;gap:.6rem;letter-spacing:.05rem;font-size:.95rem}footer a:hover svg g{fill:#14879e;transition:all ease .4s}.navigation{margin:2rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}.navigation-number-page{width:50px;height:50px;border-radius:50%;background-color:#14879e;color:#0d1117;display:flex;align-items:center;justify-content:center;font-weight:bolder;font-size:1.7rem}.navigation button{margin:0 .2rem;border:none;padding:.8rem 1.6rem;background-color:#f5f5f5;font-size:1.1rem;font-weight:bolder;letter-spacing:.1rem;border-radius:.4rem;transition:all .3s}.navigation button:hover{cursor:pointer;opacity:.6}.navigation button:active{background-color:#4e5658}.movie-details-section{padding:2rem 0;min-height:100vh;display:flex;align-items:start;justify-content:center;gap:2rem}@media screen and (max-width: 1000px){.movie-details-section{flex-wrap:wrap;gap:1rem}}.movie-poster-container{width:100%;max-width:500px}@media screen and (max-width: 1000px){.movie-poster-container{max-width:380px}}.movie-poster-container-img{width:inherit;aspect-ratio:9/14;object-fit:cover;border-radius:.2rem}.movie-details-container-title{margin:0;padding-bottom:1rem;text-align:center;font-size:2.5rem}.movie-details-container-tagline{font-weight:600;font-size:1.1rem;font-style:italic;letter-spacing:.02rem}.movie-details-container-overview{letter-spacing:.02rem;font-size:1.02rem;opacity:.6}.rating-container{padding-top:2.5rem;display:flex;align-items:center;gap:1rem}.rating-container-value{padding:.25rem .7rem;font-size:1.3rem;font-weight:600;background-color:#404042;border-radius:.1rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.rating-container-votes{margin:0;font-size:1.05rem}.date-container{margin:1rem 0;display:flex;align-items:center;justify-content:end;gap:1rem}@media screen and (max-width: 425px){.date-container{justify-content:start}}.date-container-release-date{background-color:#404042;padding:.2rem .5rem;font-size:1.3rem;font-weight:600;border-radius:.1rem}.genres-container{margin:1rem 0;display:flex;flex-wrap:wrap;gap:1rem}.genres-container-genre{background-color:#0b3954;padding:.2rem .5rem;font-size:1.1rem;font-weight:600;border-radius:.2rem;letter-spacing:.04rem}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page-title{margin:0;font-size:3rem}.error-page-text{margin:1rem 0;font-size:2rem}.error-page-button{margin:1rem 0;border:none;padding:.5rem 1rem;font-size:1rem;color:#f5f5f5;background-color:#14879e;border-radius:.2rem;cursor:pointer}.error-page-button:hover{background-color:#14879eb4}.error-page-button:active{opacity:.5}