@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap);body{background:radial-gradient(#8a0000 4%,#5c0000 9%,rgba(102,0,0,0) 0) 0 0,radial-gradient(#8a0000 4%,#5c0000 8%,rgba(102,0,0,0) 10%) 50px 50px,radial-gradient(rgba(153,0,0,.8) 20%,rgba(102,0,0,0)) 50px 0,radial-gradient(rgba(153,0,0,.8) 20%,rgba(102,0,0,0)) 0 50px,radial-gradient(#600 35%,rgba(102,0,0,0) 60%) 50px 0,radial-gradient(#600 35%,rgba(102,0,0,0) 60%) 100px 50px,radial-gradient(rgba(77,0,0,.7),rgba(102,0,0,0)) 0 0,radial-gradient(rgba(77,0,0,.7),rgba(102,0,0,0)) 50px 50px,linear-gradient(45deg,rgba(102,0,0,0) 49%,#000 50%,rgba(102,0,0,0) 70%) 0 0,linear-gradient(-45deg,rgba(102,0,0,0) 49%,#000 50%,rgba(102,0,0,0) 70%) 0 0;background-color:#300;background-size:100px 100px;font-family:Kanit,sans-serif;margin:0}.card{background-image:linear-gradient(163deg,#00ff75,#3700ff);transition:all .3s}.card,.card2{border-radius:20px}.card2{background-color:#1a1a1a;transition:all .2s}.card2:hover{border-radius:20px;-webkit-transform:scale(.98);transform:scale(.98)}.card:hover{box-shadow:0 0 30px 1px rgba(0,255,117,.3)}.App{color:#fff;margin:30px auto;max-width:1200px;padding:0 15px}.container{margin-left:70px}.panel{background-color:#171e31;border-radius:15px;height:342px;justify-content:space-between;padding:15px 0;position:fixed;top:20px;width:55px}.panel,.panel div{align-items:center;display:flex;flex-direction:column}.panel div{gap:20px}.panel svg{color:#546487;cursor:pointer;font-size:26px}.panel svg:hover{opacity:.7}.panel svg.active{color:#fff}.popular-movies{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-title{color:#c8d0e5;height:100%;margin:35px 0}.movie{border-radius:10px;overflow:hidden;position:relative}.movie:hover{box-shadow:0 0 24px 0 #3b4d7d}.movie .shadow{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 50%,transparent);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.movie h2{bottom:0;font-size:1rem;font-weight:600;margin:15px 10px;position:absolute}.movie img{height:100%;object-fit:cover;width:100%}.movie svg{cursor:pointer;font-size:24px;opacity:.6;position:absolute;right:15px;top:15px;z-index:1}.movie svg:hover{opacity:1}.filter-container{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.filter-container button{background-color:#1a2237;border:none;border-radius:15px;color:#eaedf5;cursor:pointer;font-family:Kanit,sans-serif;font-weight:500;padding:10px 25px}.filter-container button:hover{background-color:#273453}.filter-container button.active{background-color:#ebedf5;color:#10141e}.filter-container button.more{align-items:center;background-color:initial;color:#8b99b6;display:flex;font-size:18px;padding:0 10px}.filter-container button.more:hover{background-color:#273453}.search-movies{border-radius:25px;margin-top:15px;padding:10px 0;width:100%}.search-movies svg{font-size:16px}.search-movies input{background-color:initial;border:none;color:#ebedf5;font-family:Kanit,sans-serif;font-size:1rem;margin-left:15px;width:80%}.search-movies input:focus{outline:none}.back{align-items:center;background-color:#171e31;border-radius:15px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:space-between;margin-top:10px;padding:15px 0;position:fixed;top:20px;width:55px}.back svg{color:#aab4ca;cursor:pointer;font-size:20px}.back svg:hover{opacity:.7}.back svg.active{color:#fff}.img-bg{height:100%;left:0;object-fit:cover;opacity:.1;position:fixed;top:0;width:100%;z-index:-2}.details h4{color:#e3e7f2;margin:0}.details ul{list-style:none;margin-top:10px;padding:0}.details p,.details ul{color:#c1cae2;margin-bottom:20px}.details p{margin-top:5px}.details a{color:#a8b5d6;text-decoration:none}.details a:hover{opacity:.7}#rate{border-radius:15px;color:#ff0;width:-webkit-max-content;width:max-content}#rate svg{margin-right:5px}
/*# sourceMappingURL=main.ed5e3a6d.css.map*/