*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{-webkit-clip-path:polygon(0 0,100% 1%,100% 30%,100% 100%,86% 96%,45% 100%,0 94%,0 30%);clip-path:polygon(0 0,100% 1%,100% 30%,100% 100%,86% 96%,45% 100%,0 94%,0 30%);height:444px}.nav-bar{display:flex}.banner-contents{background-color:rgba(0,0,0,.274);color:hsla(0,0%,100%,.897);height:444px;padding-left:30px;padding-top:140px}.banner-title{font-family:cursive;font-size:2.8rem;font-weight:800;padding-bottom:.3rem}.banner-buttons{margin-bottom:1rem}.banner-button{border:none;border-radius:.2vw;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.banner-button:first-child{background-color:crimson;border:1px solid crimson;color:#fff}.banner-button:first-child:hover{background-color:#fff;background-color:hsla(0,0%,100%,.966);color:crimson}.banner-button:last-child{background-color:tomato;border:1px solid tomato;color:#fff}.banner-button:last-child:hover{background-color:tomato;background-color:hsla(0,0%,100%,.966);color:#fff;color:tomato}.banner-button:hover{background-color:#f5e8e8;color:#000;transition:all .2s}.banner-description{font-size:1rem;height:130px;line-height:1.2;max-width:500px;overflow-x:hidden;overflow-y:scroll}.banner-description::-webkit-scrollbar{display:none}.navbar{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;display:flex;padding:.8vmax;position:fixed;top:0;transition:all .3s;width:100%;z-index:111}.nav-background{background:#111}.logo{object-fit:contain;width:200px}.row{margin-left:1.3vmax;margin-right:.5vmax;margin-top:2vmax}.row h1{font-family:cursive;font-size:2.3vmax}.row_posters{display:flex;gap:10px;overflow-x:scroll;overflow-y:hidden;padding:10px}.row_posters::-webkit-scrollbar{display:none}.youtube-video{padding-top:.8vmax;text-align:center;width:100%}.error-message{align-items:center;color:crimson;display:flex;gap:25vmax;justify-content:center;padding:1.5vmax 0}.error-message button{background-color:#111;border:none;color:tomato;cursor:pointer;font-size:1.8vmax;font-weight:500;outline:none;padding:1vmax 2vmax}.video-wrapper{height:450px;width:50%}@media screen and (max-width:600px){.row h1{font-size:2.8vmax}.error-message button{font-size:2.2vmax}.video-wrapper{height:300px;width:95%}}.modalBackground{align-items:center;background-color:hsla(0,0%,78%,.24);display:flex;height:100vh;justify-content:center;margin-left:-30px;position:fixed;top:0;width:100vw;z-index:1111}.modalContainer{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#000;display:flex;flex-direction:column;padding:2vmax;width:50%}.modalContainer>.titleCloseBtn{display:flex;justify-content:flex-end}.modalContainer>.titleCloseBtn>button{background-color:transparent;border:none;color:rgba(220,20,60,.628);cursor:pointer;font-size:1.5vmax;transition:all .3s}.modalContainer>.titleCloseBtn>button:hover{color:crimson}.modalContainer-card{align-items:center;display:flex;justify-content:space-evenly}.modalContainer-card>.modalContainer-card-image{width:40%}.modalContainer-card>.modalContainer-card-image>img{border-top-left-radius:5px;border-top-right-radius:5px;height:14vmax;object-fit:fill;width:100%}.modalContainer-card>.body{margin:.5rem 1rem;width:60%}.modalContainer-card>.body>.title>h1{font-size:1.7vmax;text-align:center}.modalContainer-card>.body>p{font-size:1.3vmax;font-style:italic;padding:1vmax .4vmax;text-align:justify}.modalContainer-card .rating-container{align-items:center;display:flex;gap:.5rem}.modalContainer .footer{align-items:center;display:flex;flex:20% 1;justify-content:center}.modalContainer .footer button{background-color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.5rem 2rem;transition:all .4s}#cancelBtn{background-color:#fff;border:1px solid crimson;color:crimson;font-weight:500;transition:all .3s}#cancelBtn:hover{background-color:crimson;color:#fff}@media screen and (max-width:750px){.modalContainer>.error-message{font-size:1.8vmax}.modalContainer-card{flex-direction:column}.modalContainer-card>.modalContainer-card-image{width:75%}.modalContainer-card>.modalContainer-card-image>img{height:19vmax}.modalContainer-card>.body>.title>h1{font-size:2.3vmax}.modalContainer-card>.body>p{font-size:1.8vmax}.modalContainer .footer button{font-size:1.7vmax}}@media screen and (max-width:600px){.modalContainer{width:70%}.modalContainer-card>.body>.product-rating{align-items:center;flex-direction:column;gap:.5vmax}.modalContainer-card>.body>.title>h1{font-size:2.5vmax;padding-top:1vmax}.modalContainer .footer button{padding:1vmax 2.8vmax}}.row_poster_item .row_item_name{align-items:center;display:flex;justify-content:center}.row_poster_item h5{color:hsla(0,0%,96%,.527);font-size:1vmax;margin-top:1vmax;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:18ch}.rating{align-items:center;display:flex;gap:4px;justify-content:center;padding:.5vmax 0}.rating span{color:hsla(0,0%,100%,.473);font-size:.8vmax}.row_poster_item p{color:hsla(0,0%,100%,.582);font-size:.8vmax}.row_poster{cursor:pointer;max-height:120px;object-fit:contain;transition:-webkit-transform 450ns;transition:transform 450ns;transition:transform 450ns,-webkit-transform 450ns}.row_poster:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.row_posterLarge{max-height:265px}.row_posterLarge:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.btn-container-center{align-items:center;display:flex;gap:.5rem;justify-content:center}.details_btn,.watch_btn{border:none;border-radius:5px;cursor:pointer;font-weight:600;outline:none;padding:.25rem .75rem;transition:all .3s}.watch_btn{background-color:crimson;border:1px solid crimson;color:#fff}.watch_btn:hover{background-color:rgba(231,41,79,.849);color:hsla(0,0%,100%,.884)}.details_btn{background-color:hsla(0,0%,100%,.943);border:1px solid hsla(0,0%,100%,.943);color:rgba(0,0,0,.829)}.details_btn:hover{background-color:#fff;color:crimson}.watch_btn:disabled{background-color:rgba(220,20,60,.639);border-color:rgba(220,20,60,.559);cursor:default}@media screen and (max-width:650px){.row_poster_item h5{font-size:1.8vmax}.rating span,.row_poster_item p{font-size:1.4vmax}}
/*# sourceMappingURL=main.8520d13c.css.map*/