.active{background-color:#1d4ed8}nav{display:flex;align-items:center;justify-content:space-evenly;background-color:#0f172a}nav .title{font-weight:700;font-size:1.5rem;text-decoration:none;margin:1rem;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{color:#fff;display:block;text-decoration:none;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554}nav .search_container{display:flex;align-items:center;justify-content:center;gap:1rem}nav .search_container input{padding:5px;color:#000;background:#fff;border-radius:5px;font-size:14px}nav .search_container button{cursor:pointer;border-radius:5px;padding:5px;background-color:#5a5a5a;color:#fff}nav .menu{position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{width:100%;height:.4rem;background-color:#fff;border-radius:.2rem}@media (max-width: 768px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}nav ul li .search_container{margin:2rem 0}nav ul.open{display:flex}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;scroll-behavior:smooth}.container{background-color:#0f172a;min-width:100%;width:100%;padding:1rem 3rem;color:#172554}.container h2{color:#fff;text-align:start}ul,li{list-style:none;text-decoration:none;color:#fff}a,Link{text-decoration:none;list-style:none;color:#fff}main{display:grid;grid-template-columns:1fr repeat(12,minmax(auto,60px)) 1fr;grid-gap:40px;padding:60px 0}.text--medium{font-family:Open Sans,sans-serif;font-size:16px;line-height:20px;font-weight:400;color:#ecf0f1}.cards{grid-column:2 / span 12;display:grid;grid-template-columns:repeat(12,minmax(auto,60px));grid-gap:40px}.card{grid-column-end:span 4;display:flex;flex-direction:column;background-color:#39393b;cursor:pointer;transition:all .3s ease 0s;border-radius:10px}.card:hover{transform:translateY(-7px)}.card__image-container{width:100%;padding-top:56.25%;overflow:hidden;position:relative;border-radius:10px}.card__image-container img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card__content{padding:20px}.card__title{margin-bottom:20px}.card__info{display:flex;align-self:end;align-items:center}.card__price{margin-left:auto;padding:5px 20px;background-color:#303032;border-radius:20px}.footer{padding:20px;display:flex;align-items:center;justify-content:center;background-color:#0f172a;color:#fff}.details-cast-section{color:#fff;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:space-evenly;gap:3rem}.details-cast-section .details-section{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem}.details-cast-section .details-section .details{display:flex;flex-direction:column;gap:2rem;flex:1}.details-cast-section .details-section .details .bg{display:flex;flex-direction:row;gap:1rem}.details-cast-section .details-section .details .bg .bg-items{letter-spacing:.2rem}.details-cast-section .details-section .details .bg img{width:250px;height:300px;border-radius:10px;background-size:contain;background-repeat:no-repeat}.details-cast-section .details-section .details .movie-details .paragraph{white-space:wrap;text-overflow:ellipsis;letter-spacing:.2rem}.details-cast-section .details-section .background-image{flex:1;width:100%;height:100%}.details-cast-section .details-section .background-image img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;border-radius:10px}.details-cast-section .cast{width:100%}.details-cast-section .cast .cast-list{display:flex;flex-direction:row;align-items:center;overflow-y:hidden}.details-cast-section .cast .cast-list .cast-item{padding:3rem 1rem;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;gap:1rem}.details-cast-section .cast .cast-list .cast-item img{border:2px solid pink;border-radius:50%;width:150px;height:100px}.details-cast-section .cast .cast-list .cast-item .actor-details{letter-spacing:.1rem}@media only screen and (max-width: 1000px){.card{grid-column-end:span 6}.background-image{display:none}.details-cast-section .details-section .details .bg{display:flex;justify-content:space-evenly;width:100%}.details-cast-section .details-section .details .bg img{width:200px;height:250px;flex:1}.details-cast-section .details-section .details .bg .bg-items{flex:1}}@media only screen and (max-width: 768px){.container{padding:0rem}.container h2{font-size:1rem;text-align:center}main{grid-gap:20px;padding:40px 0}.card{grid-column-end:span 12}.details-cast-section .details-section .details .bg{display:flex;justify-content:space-evenly;width:100%}.details-cast-section .details-section .details .bg img{width:200px;height:250px;flex:1}.details-cast-section .details-section .details .bg .bg-items{flex:1}.details-cast-section .details-section .movie-details{display:flex;flex-direction:column;align-items:center;width:100%}.details-cast-section .details-section .movie-details .paragraph{width:100;padding:10px;letter-spacing:.1rem;text-align:center;justify-content:center}}@media only screen and (max-width: 500px){main{grid-template-columns:10px repeat(6,1fr) 10px;grid-gap:10px}.cards{grid-column:2 / span 6;grid-template-columns:repeat(6,1fr);grid-gap:20px}.card{grid-column-end:span 6}}