@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121212;overflow-x:hidden}@font-face{font-family:Bold;src:url(/assets/THEBOLDFONT-FREEVERSION-c9RfLpRD.otf)}.container{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;background-color:#121212;box-shadow:0 2px 2px -2px #97939333;flex-wrap:wrap}.logo{font-family:bold;font-size:25px;color:#fff;cursor:pointer}.input-container{display:flex;align-items:center;gap:10px}.input{box-shadow:0 0 8px 2px #b928e07b;transition:box-shadow .3s ease;outline:none;background-color:#191919;color:#fff;font-family:Roboto;font-size:17px;padding:12px;width:315px;border:none;border-radius:10px}.search-button{background-color:#af1adc;border:none;padding:12px;color:#fff;border-radius:10px;transition:.3s all ease-in}@media (max-width: 768px){.container{padding:30px;height:100px}.input{width:200px;font-size:14px}.search-button{padding:8px 12px;font-size:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movie_card_container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;border-radius:10px;overflow:hidden;color:#fff;transition:transform .3s ease;animation:fadeInUp .5s ease forwards;padding:50px 10px 10px;box-sizing:border-box;text-decoration:none}.img-card{height:450px;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.title-card{font-family:Roboto,sans-serif;font-weight:500;font-size:17px;margin-top:10px}.container-title-card{background-color:#1c1c1c;height:70px;width:100%;padding:10px}@media (max-width:768px){.movie_card_container{padding:2px;bottom:-115px}.img-card{height:350px}.title-card{font-size:14px;font-family:Roboto;text-align:center}.container-title-card{height:55px;padding:8px}}.movie-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:20px;padding-top:300px;padding-bottom:80px;margin:20px}.home-container{margin:10px;position:relative;bottom:170px}@media (max-width: 768px){.home-container{bottom:100px}.movie-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding-top:230px;margin:10px}}.container-movieDetail{max-width:1200px;margin:70px auto 40px;padding:40px;border-radius:24px;background-color:#121212;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 15px 40px #0003;color:#fff;overflow:hidden;position:relative}.container2-movieDetail{display:flex;flex-direction:row;gap:40px;align-items:flex-start;flex-wrap:wrap}.movie-detail{display:flex;flex-direction:row;gap:40px;flex-wrap:wrap;width:100%}.img-detail{width:300px;height:auto;border-radius:20px;box-shadow:0 8px 20px #0000004d;object-fit:cover}.container-details{flex:1;display:flex;flex-direction:column;gap:20px}.h2-detail{font-size:2.4rem;font-weight:700;margin:0;color:#fff;font-family:Roboto,sans-serif;font-size:50px}.release-date,.sipnosis,.container-details h3{font-size:1.1rem;line-height:1.6;color:#fff;font-family:Roboto,sans-serif;font-weight:400}.strong-sipnosis,.span-h3,.strong-date{color:#af1adc;font-family:Roboto,sans-serif;font-size:20px;font-weight:500}.back-button{background-color:#af1adc;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:700;margin-top:20px;cursor:pointer;transition:background-color .3s;width:20%;text-align:left;font-family:Roboto,sans-serif}.back-button:hover{background-color:#ee86f5}.container-releaseDate,.container-sipnosis{border:1px solid rgba(132,130,130,.228);border-radius:10px;padding:20px}@media (max-width:768px){.movie-detail{flex-direction:column}}.hero{display:flex;justify-content:center;align-items:center;flex-direction:column;height:500px}.logoImg{height:80px;vertical-align:middle;margin:0 4px}.title{font-family:Roboto,sans-serif;font-size:75px;font-weight:700;color:#fff;text-align:center}.sub-title{font-family:Roboto,sans-serif;font-size:30px;font-weight:500;color:#af1adc;margin-top:15px;text-align:center}.sub3-title{color:#fff;font-family:Roboto;font-size:20px;font-weight:300;text-align:center;margin-top:20px}@media (max-width:768px){.hero{display:flex;justify-content:center;align-items:center}.title{font-size:65px}.sub-title{font-size:45px;font-weight:500}.sub3-title{width:550px;text-align:center;font-weight:300}}.container-footer{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;background-color:#121212;box-shadow:0 -2px 2px -2px #97939333}.h1-footer h1{color:#fff;font-size:20px;font-weight:200;font-family:Roboto}.icons-footer{color:#fff;font-size:30px;margin:5px}.fa-brands{margin:5px;transition:all .3s ease-in-out}.fa-brands:hover{color:#cc64ec}