@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=DM+Sans:wght@300;400;500&family=Outfit:wght@500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#111;color:#d4d4d4;margin:0;overflow-x:hidden;padding:0}.poster{background-size:cover}.gradient{background-image:linear-gradient(0deg,#111111f8 30%,#111111a1,#1110)}.moviesList{margin-top:50px}.App{display:grid;grid-template-rows:70px repeat(11,1fr);height:100vh}.navbar{background-color:#111}.nav-links{color:#d4d4d4;font-family:Outfit,sans-serif;font-weight:500;text-decoration:none}.active-link,.nav-links:hover{color:#9c1a1a}.navbar-container{justify-content:space-between;padding:20px 40px}.left-container,.navbar-container{align-items:center;display:flex}.left-container *{display:inline-block}.links{display:flex;gap:20px;margin-left:40px}*{transition-duration:.4s}.info{display:grid;grid-row:2/-1;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:100%}.font-dm{font-family:DM Sans,sans-serif}.image-info{grid-column:1/-1;grid-row:1/-1;height:100%;overflow:hidden;position:relative}.color-grey{color:#7c7c7c}.hover-bg-grey:hover{background-color:#7c7c7c67}.info-poster{bottom:0;height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;right:0;top:0;transform:scale(1.3);width:100%}.detailed-info{align-items:self-start;display:flex;flex-direction:column;grid-column:1/-1;grid-row:1/-1;justify-content:center;min-height:80vh;padding:80px 40px 40px;position:relative}.fullscreen{bottom:0;left:0;position:absolute;right:0;top:0}.l-to-r-gradient{background-image:linear-gradient(90deg,#1a1a1af6 40%,#1a1a1ab6,#1d1d1d00)}.info-title{color:#e3e3e3;display:flex;font-family:Outfit,sans-serif;font-size:40px;gap:10px;letter-spacing:3px;line-height:0}.info-year{font-size:1.2rem;opacity:.8}.small-field{background-color:#9ca3af2c;border-radius:4px;color:#e3e3e3;opacity:.7;padding:5px 9px}.more-info-container{display:flex;gap:15px;margin-bottom:20px;opacity:.9}.imdb{background-color:#ebc51c;border-radius:4px;color:#111;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;padding:5px 9px}.info-summary{opacity:.8;padding:40px 0 30px;width:50%}.directors{color:#e3e3e3;font-weight:300;margin-bottom:15px}.info-head{font-weight:500}.cast-details{padding-bottom:0}.cast-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:500;margin:0 0 10px}.cast-list{display:flex;gap:30px}.cast-list *{animation-duration:.6s}.individual-cast{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:15px;height:110px;position:relative;transition-duration:.4s;width:90px;z-index:999}.individual-cast:hover .hidden{display:flex}.cast-image{bottom:0;left:0;object-fit:cover;position:relative;right:0;top:0}.cast-image,.cast-image-img,.cast-name{border-radius:8px}.cast-name{align-items:flex-end;background-image:linear-gradient(0deg,#1d1d00 25%,#1d1d1d00);bottom:0;font-size:14px;justify-content:center;left:0;padding:10px 8px;position:absolute;right:0;top:0}.cast-name,.hidden{transition-duration:.4s}.hidden{display:none}.info-buttons{display:flex;gap:20px;margin:20px 0 0}.info-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:19px;font-weight:500;gap:10px;padding:15px 20px}.white-btn{background-color:#e3e3e3;color:#2c2c2c}.watch-btn{width:auto}.other-action-btn{display:flex}.fav{transition-duration:.4s}.fav:hover,.red{color:rgba(255,7,58,.925)}.fav:hover{background-color:rgba(255,7,58,.095)}@media screen and (max-width:900px){.fullscreen{position:relative}.image-info{grid-row:1/5}.detailed-info{background-color:#111;grid-row:5/-1;justify-content:start;min-height:auto;padding:20px}.info-summary{width:auto}.l-to-r-gradient{display:none}.cast-details{padding-bottom:100px}.info-title{flex-direction:column}}@media screen and (max-width:552px){.info-buttons{display:block;width:100%}.watch-btn{margin-bottom:10px;width:100%}.info-btn{display:flex;justify-content:center}.other-action-btn{display:grid;grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.03334182.css.map*/