@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;text-decoration:none}body,html{height:100%;width:100%}header{width:100vw}nav{justify-content:space-around;padding:15px}.search,nav{display:flex;align-items:center}.search{gap:10px}.click-btn{border:none;background-color:transparent;cursor:pointer}.icon1{margin-top:2px;font-size:22px}.inp{width:25vw}.search input{width:100%;border-radius:12px;border:1px solid #000;padding:.5vw .5vw .5vw 15px;font-size:1.3vw}.search input:focus-visible{outline:none}.h2{display:flex;gap:5px;align-items:center}.h2 h2{background-color:#fcfc0a;border-radius:7px;color:#000;padding:3px;border:1px solid #dbe912}.h2 span{margin-top:14px}.navi{display:flex;gap:30px;align-items:center}.navi .anc-h{text-decoration:none;font-size:15px;color:#000;font-weight:500;position:relative;overflow-x:hidden}.navi .anc-h:after{content:" ";width:100%;height:2px;background-color:#000;position:absolute;top:93%;left:0;transform:translateX(-105%)}.anc-h:hover:after{transform:translateX(0);transition:.6s ease-in-out}.img-div{width:250px;height:300px;overflow:hidden;border-radius:6px}.img-div img{width:100%;height:100%;object-fit:cover}main{padding:7px 30px 20px}#sort{padding:4px;margin-bottom:10px;margin-left:20px;top:0;border-radius:12px}.cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:13px}.cards_inner{width:265px;height:400px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border:.5px solid #000;border-radius:10px;padding:7px;color:#000;overflow:hidden}.cards_inner:hover{box-shadow:3px 4px 2px 3px rgba(0,0,0,.3);transition:.1s ease-in-out}.cardsinner{width:265px;height:400px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border:.5px solid #000;border-radius:8px;padding:6px;color:#000;overflow:hidden}.cardsinner h4{padding:3px 1px}.cardsinner:hover{box-shadow:3px 4px 2px 3px rgba(0,0,0,.3);transition:.1s ease-in-out}.desc h4{font-weight:600;text-align:center}.modl{display:flex;align-items:center;justify-content:center;gap:5px}.modl span:first-child{font-size:17px}.details{display:grid;grid-template-columns:400px 1fr;place-items:center;padding:30px}.img-div2{width:300px;height:400px;border:1px solid #000;border-radius:8px;overflow:hidden}.img-div2 img{width:100%;height:100%;object-fit:cover}.desc-2{padding:30px;display:flex;justify-content:space-evenly;gap:20px;flex-direction:column}.desc-2 h3{font-weight:600;margin-bottom:0}.col-2{display:flex;gap:10px}.col-2 span{border:1.3px solid #000;padding:3px;border-radius:9px;font-weight:600}.col-2 .fir{color:#ff4d00;margin-right:7px;margin-top:2px}.col-genre{display:flex;gap:8px}.col-genre .genre{border:1.3px solid #000;padding:5px;border-radius:9px;font-weight:400}.overview h4{font-weight:400;letter-spacing:2px;line-height:25px}.similar_sec h2{margin:10px}.search_result h2{padding:15px;font-weight:400}.search_result span{text-transform:uppercase;font-weight:600}.error{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px}.error button{margin-top:20px;border:1px solid #000;background-color:transparent;padding:10px;border-radius:12px;cursor:pointer;font-weight:700}.load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.load img{font-size:10px}.about{display:flex;gap:30px;flex-direction:column;padding:10px}.about p{font-size:25px}.about h2{text-align:center}.imgdiv2{width:250px;height:350px;border-radius:8px;overflow:hidden}.imgdiv2 img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:470px){*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body,html{height:100%;width:100%}header{width:100vw}nav{display:flex;justify-content:space-around;padding:15px}.navi .anc-h{text-decoration:none;font-size:12.3px;color:#000;font-weight:500;position:relative;overflow-x:hidden}.navi .anc-h:after{content:" ";width:100%;height:2px;background-color:#000;position:absolute;top:93%;left:0;transform:translateX(-105%)}.anc-h:hover:after{transform:translateX(0);transition:.6s ease-in-out}.search{display:flex;gap:10px;align-items:center}.click-btn{border:none;background-color:transparent;cursor:pointer}.icon1{margin-top:4px;margin-left:-6px;font-size:14px}.inp{width:25vw}.search input{width:100%;height:2.5vh;border-radius:12px;border:1px solid #000;padding-left:10px;font-size:1.8vw}.search input:focus-visible{outline:none}.h2{display:flex;gap:5px;align-items:center}.h2 h2{background-color:#fcfc0a;border-radius:7px;color:#000;padding:3px;border:1px solid #dbe912;font-size:16px}.h2 span{margin-top:7px;font-size:10px}.navi{display:flex;gap:10px;align-items:center}main{padding:4px 10px 10px}.img-div{width:130px;height:178px;overflow:hidden;border-radius:6px}.img-div img{width:100%;height:100%;object-fit:cover}#sort{padding:2px;margin-bottom:10px;margin-left:10px;border-radius:12px}.cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px}.cards_inner{height:260px;border:.5px solid #a99d9d;border-radius:10px;padding:7px;gap:3px}.cards_inner,.cardsinner{width:143px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;color:#000}.cardsinner{height:230px;border:.5px solid #000;border-radius:9px;padding:6px;overflow:hidden}.cardsinner h4{font-size:9px;margin-top:5px}.imgdiv2{width:130px;height:200px;border-radius:8px;overflow:hidden}.imgdiv2 img{width:100%;height:100%;object-fit:cover}.details{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;padding:10px}.img-div2{width:200px;height:250px;border:1px solid #000;border-radius:8px;overflow:hidden}.img-div2 img{width:100%;height:100%;object-fit:cover}.desc-2{padding:8px;display:flex;justify-content:space-evenly;gap:13px;flex-direction:column}.desc-2 h3{font-weight:600;text-align:center}.col-2{display:flex;gap:10px}.col-2 span{border:1.3px solid #000;padding:6px;border-radius:9px;font-weight:600;font-size:12px}.col-2 .fir{color:#ff4d00}.col-genre{display:flex;gap:10px}.col-genre .genre{border:1.3px solid #000;padding:5px;border-radius:9px;font-weight:400}.overview h4{font-weight:500;letter-spacing:2px;line-height:25px}.similar_sec h2{margin:10px}.search_result h2{padding:7px;font-weight:400}.search_result span{text-transform:uppercase;font-weight:600}.about{display:flex;gap:10px;flex-direction:column;padding:6px}.about p{font-size:20px}.about h2{text-align:center}}@media screen and (max-width:360px){main{padding:4px 10px 10px}.img-div{width:148px;height:178px;overflow:hidden;border-radius:6px}.img-div img{width:100%;height:100%;object-fit:cover}.cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px}.cards_inner{width:163px;height:239px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border:.5px solid #a99d9d;border-radius:10px;padding:7px;color:#000;gap:5px}.cards_inner h4{font-size:13px}.cardsinner{width:163px;height:230px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border:.5px solid #000;border-radius:9px;padding:6px;color:#000;overflow:hidden}.cardsinner h4{font-size:12px;margin-top:4px}.imgdiv2{width:150px;height:200px;border-radius:8px;overflow:hidden}.imgdiv2 img{width:100%;height:100%;object-fit:cover}.icon1{margin-top:7px;font-size:15px}}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_36bd41;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_36bd41{font-family:__Inter_36bd41,__Inter_Fallback_36bd41;font-style:normal}