.Navbar{display:flex;background:color-mix(in srgb,purple,transparent 80%);padding:1.9rem 1rem;text-align:center;align-items:center;justify-content:space-between;transition:.3s ease}.Navbar span{font-size:1.4rem;font-weight:700}.Navbar span .red{color:color-mix(in srgb,red,transparent 60%)}.Navbar .icon{display:none}.Navbar .means{display:flex;justify-content:center;align-items:center;text-align:center}.Navbar .means .later{margin:0 10px;border:1px solid #333;padding:8px;font-size:clamp(1rem,.7rem,1.5rem);border-radius:10px;color:#fff;text-transform:capitalize;letter-spacing:2.3px;cursor:pointer}.Navbar .means .later:hover{border:none;background:#333}.Navbar .search .times{display:none}.film{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-content:center;text-align:center;margin-top:2rem}.film .movies{margin-left:1rem}.film .movies img{height:400px;width:312px}.film .movies .container{margin-bottom:2rem;color:color-mix(in srgb,#000,transparent 20%)}.film .movies .container .title{font-weight:700;font-size:1.3rem;padding:.7rem}.film .movies .container .type{font-size:1.5rem;font-family:inter;text-transform:capitalize}.film .movies .container .year{font-style:italic;font-weight:700}.film .movies .container .name{margin-top:1rem;padding:.5rem;cursor:pointer;border-radius:10px;font-size:.8rem;font-weight:700;margin-bottom:2rem}@media (max-width: 630px){.Navbar{position:relative}.Navbar .icon{font-size:2rem;color:#fff;display:block;cursor:pointer}.Navbar .search{transition:.9s ease-in-out;position:absolute;right:4rem;top:-100rem}.Navbar .search .times{display:block;top:-4rem;color:#fff;font-weight:900;z-index:100;cursor:pointer;font-size:2rem;right:-3rem;background:color-mix(in srgb,purple,transparent 10%);position:absolute}.Navbar .setSearch{top:6rem}}input{width:100%;padding:6px 8px;font-size:1rem;outline:none;border-radius:10px}@media (max-width: 630px){input{width:120%;padding:1rem;font-size:1.3rem;font-style:600}}