*{margin:0;padding:0;border:0;list-style:none;text-decoration:none}.hidden{display:none}a{transition:.5s ease-in-out all;text-decoration:none;cursor:pointer}button{cursor:pointer}input,textarea{display:block;margin:0;padding:0}html{scroll-behavior:smooth;box-sizing:border-box}body,html{margin:0;overflow-x:hidden;width:100%;background-color:#310101}p{font-family:"Helvetica",sans-serif;line-height:140%}h1,h2,h3,h4,h5,h6{font-family:"Helvetica",sans-serif;line-height:120%}main{margin:0}.intro{position:relative}.header{position:absolute;background-color:rgba(0,0,0,.15);width:100%;padding:10px;display:flex;justify-content:center;z-index:5}.header img{width:50px;opacity:.75}.intro-video{position:absolute;width:100vw;z-index:1}.cover{position:absolute;width:100vw;height:100%;background:#000;background:linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:2}.hero-text{z-index:3;color:#fff;margin-top:18%;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;margin-bottom:10%}.hero-text h3{font-family:"Impact",sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;text-shadow:0 4px 8px rgba(0,0,0,.15)}.hero-text p{font-size:14px;font-weight:200;background-color:rgba(78,0,0,.3568627451);padding:10px 20px;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.15);display:none}@media screen and (min-width: 768px){.header{padding:15px}.header img{width:75px}.hero-text{margin-top:20%}.hero-text h3{font-size:62px}.hero-text p{font-size:18px;display:block}}@media screen and (min-width: 1200px){.header{padding:20px}.header img{width:100px}}.movie-sec{background-color:#310101;margin-top:-25px}.movie-con{background-color:#4f0404;padding:15px;border:1.5px solid rgba(130,34,34,.3450980392);border-radius:25px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:25px}.movie-card{background-color:#f9f5f5;border-radius:20px;padding-bottom:15px;display:flex;flex-direction:column;text-align:center;gap:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1)}.movie-card:hover{border-radius:20px;transform:scale(1.02)}.movie-poster{border-radius:20px 20px 0 0;width:100%;object-fit:cover;object-position:center;height:350px}.movie-title{font-size:20px;font-family:"Helvetica",sans-serif;font-weight:700;color:#9e0b0b;text-transform:capitalize;margin-left:15px;margin-right:15px}.movie-info{display:flex;align-items:center;justify-content:center;gap:15px;margin-left:15px;margin-right:15px}.movie-date,.movie-rating{font-size:15px;font-weight:600;color:#9e0b0b;display:flex;flex-direction:row;align-items:center;gap:5px}.movie-date i,.movie-rating i{color:#ef3e3e}.movie-date p,.movie-rating p{color:#ef3e3e}.movie-button{color:#9e0b0b;margin-top:10px;font-size:14px;font-weight:600;padding:10px 20px;border-radius:25px;border:1px solid #9e0b0b;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1);cursor:pointer;margin-left:15px;margin-right:15px}.movie-button:hover{background-color:#9e0b0b;box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff}.loader{margin-top:15px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;gap:5px;color:#fff;text-transform:uppercase}.loader svg{width:50px;height:30px;border-radius:25px}@media screen and (min-width: 768px){.movie-con{display:grid;padding:25px;grid-template-columns:repeat(2, 1fr);gap:25px}.movie-card{justify-content:space-between}}@media screen and (min-width: 1200px){.movie-con{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px}}.popup-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.popup-bg.showPopup{opacity:1;visibility:visible}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90vw;max-width:1000px;background-color:#fff;border-radius:25px;z-index:30;display:flex;align-items:stretch;gap:25px;padding-right:30px;opacity:0;visibility:hidden;z-index:9999;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.popup.showPopup{opacity:1;visibility:visible}.close-popup{position:absolute;top:25px;right:25px;z-index:40;font-size:24px;color:#ef3e3e;cursor:pointer;transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1)}.close-popup:hover{color:#9e0b0b;transform:scale(1.2)}.details-poster{width:40%;object-fit:cover;object-position:center;border-radius:20px 0px 0px 20px;border:5px solid #fff}.popup-con{display:flex;flex-direction:column;gap:25px;margin-right:25px;margin-top:25px;margin-bottom:25px}.popup-con p{font-size:12px;color:gray}.details-rating{font-size:15px;font-weight:600;color:#9e0b0b;display:flex;flex-direction:row;align-items:center;gap:5px}.details-rating i{color:#ef3e3e}.details-rating p{color:#ef3e3e;font-size:18px}.details-title-con{display:flex;flex-direction:column;gap:15px}.details-title{font-size:20px;font-family:"Helvetica",sans-serif;color:#9e0b0b;text-transform:uppercase;font-weight:800}.details-sub{display:flex;flex-direction:column;gap:5px}.details-sub p{font-size:13px;font-weight:600;color:#ef3e3e}.details-subtitle{font-size:16px;font-family:"Helvetica",sans-serif;color:#9e0b0b;text-transform:uppercase}@media screen and (min-width: 768px){.details-title{font-size:28px}}@media screen and (min-width: 1200px){.popup{align-items:center}}.footer-text{display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center;margin-top:100px;margin-bottom:100px;text-align:center;color:#fff;opacity:.75}.footer-copy{font-size:16px;font-weight:600}.footer-info{font-size:14px;font-weight:200}/*# sourceMappingURL=main.css.map */