@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Poppins:wght@400;500;600;700;800&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;margin:0}.header{max-width:100%;object-fit:cover}.header-text{background-image:url(/static/media/main-img.c396a1f097b412d550e0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:50px;padding:10px 80px 100px}nav{display:flex}.search{background-color:red;width:50px}#search-input{align-items:center;background:transparent;border:2px solid #d1d5db;border-radius:6px;color:#fff;display:flex;justify-content:space-between;margin-left:200px;padding:6px 10px;width:525px}#search-input::-webkit-input-placeholder{color:#fff}#search-input::placeholder{color:#fff}nav{margin-bottom:100px}h1{color:#fff;font-size:48px;font-style:normal;font-weight:700;line-height:56px;width:404px}.rating{align-items:center;display:flex;justify-content:space-evenly;margin-left:-20px;margin-top:-30px;width:20%}.rating p{margin-right:20px}.rating img{margin-right:5px}.movie-desc{color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:17px;margin-top:-5px;width:305px}.watch-trailer{align-items:center;background-color:#be123c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:10px;text-transform:uppercase}@media (max-width:1024px){.rating{margin-left:0}}@media (max-width:768px){#search-input{margin-left:50px;width:300px}.rating{margin-left:40px}}.footer{margin-top:50px}.socials{width:20%}.legal,.socials{display:flex;justify-content:space-evenly;margin:20px auto}.legal{gap:20px;width:30%}.legal a{color:#111827;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.legal a:hover{color:#b91c1c}.copyright{color:#6b7280;font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-align:center}@media (max-width:768px){.socials{display:flex;justify-content:space-evenly;margin:20px auto;width:50%}}.movie-section{display:flex;flex-direction:column;padding-left:20px}.more{color:#b91c1c;margin-right:20px;text-decoration:none}.container{align-items:center;display:flex;justify-content:space-between}.movie-card{border-radius:20px;margin-bottom:20px;padding:10px;width:300px}.movie-card:hover{box-shadow:21px 0 18px 14px rgba(0,0,0,.1);transition:.3s ease-in-out}.movie-card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.movie_poster{margin:0 auto;width:100%}.prod{color:#9ca3af;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.movie_id{text-decoration:none}.movie-title{color:#111827;font-size:18px;font-style:normal;font-weight:700;margin-bottom:0;max-width:80%;text-transform:uppercase;width:auto}.movie-rating{display:flex;justify-content:space-between;margin-bottom:-20px;width:auto}.movie-rating img{margin-right:7px;vertical-align:middle}.movie-rating p{color:#111827;font-weight:400;line-height:12px}.genres,.movie-rating p{font-size:15px;font-style:normal}.genres{color:#9ca3af;font-weight:700;line-height:normal}.movie{align-items:flex-start;display:flex;overflow:hidden}.sidebar{background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:0 45px 45px 0;display:flex;flex-direction:column;justify-content:space-between;margin-right:40px;padding:30px 10px;width:200px}.logo-text{color:#333;display:inline-block;font-size:1.3rem;font-size:24px;font-style:normal;font-weight:700;line-height:24px}.logo-img{display:inline-block;margin-right:-110px;vertical-align:middle;width:180px}.logo{margin-bottom:60px}.links{display:flex;flex-direction:column;gap:2rem}.link{height:70px;margin-left:20px;width:100%}.link img{margin-right:20px;vertical-align:bottom}.link a:hover{color:#b91c1c;cursor:pointer;text-decoration:underline}.link a{color:#666;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.link-movie{height:70px;margin-left:20px}.link-movie img{margin-right:20px;vertical-align:bottom}.link-movie a{color:#be123c;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.aside{background:rgba(248,231,235,.4);border:1px solid rgba(190,18,60,.7);border-radius:20px;height:160px;margin:20px auto;padding:30px 10px;width:170px}.aside .play{color:rgba(51,51,51,.8);font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.aside .play,.number{font-style:normal;line-height:normal}.number{color:#666;font-size:12px;margin-bottom:30px}.number,.play-button{font-family:Poppins;font-weight:500}.play-button{background:rgba(190,18,60,.2);border-radius:30px;color:#be123c;font-size:15px;height:30px;padding:10px 30px;text-decoration:none;width:10px}.logout{margin-right:20px;vertical-align:middle;width:40px}.logout-link{color:#666;flex-shrink:0;font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;height:30px;line-height:normal;text-decoration:none;width:74px}.trailer-thumbnail{margin-bottom:0;max-height:400px;width:auto}.movie-name{color:#404040;font-family:Poppins;font-size:23px;font-style:normal;font-weight:500;line-height:normal;margin-right:-50px;max-width:200px}.main-info{gap:100px}.main-info,.title{display:flex}.movie-preview p{color:#333;font-family:Poppins}.summary{width:50%}.movie-preview ul li{display:inline;font-weight:600;margin-right:20px}.genres{display:flex}div .genre{border:1px solid #f8e7eb;border-radius:15px;color:#b91c1c;flex-shrink:0;font-family:Poppins;font-size:15px;font-style:normal;font-weight:500;height:30px;line-height:normal;margin-right:20px;padding:5px 5px 2px;text-align:center;width:84px}.name{color:#be123c}.awards{background:hsla(0,0%,100%,.8);border:1px solid #c7c7c7;border-radius:10px;height:50px;width:785px}.awards aside,.awards p{display:inline-block}.awards aside{background:#be123c;border-radius:10px;height:50px;margin-right:20px;padding-left:20px;width:253px}.loading{color:#b91c1c;font-size:2rem;text-align:center}@media (max-width:1024px){.main-info{flex-direction:column;gap:10px}.awards{width:30%}.trailer-thumbnail{min-height:500px;width:auto}.movie-preview ul li{display:block;margin-bottom:20px}.summary{width:90%}}
/*# sourceMappingURL=main.72a90c37.css.map*/