body{background-color:#f5e9e9}#container{background-color:#dbecfa;width:70%;box-shadow:#00000059 0 5px 15px;margin:35px auto;border-radius:10px;padding:2px}#btn{font-size:2.1em;text-align:right;padding:2px 5px}.box1{display:flex;padding:0 5px;font-size:1.2em;justify-content:center}.poster_box{font-size:1.25em;text-align:center;font-weight:bolder;margin:auto 5px}.poster_box img{border-radius:5px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.detail_box{padding:20px}@media screen and (min-width:720px) and (max-width:950px){#container{width:90%;margin:30px auto}}@media screen and (min-width:0px) and (max-width:720px){.box1{display:block}}@media screen and (min-width:0px) and (max-width:500px){.poster_box img{width:90%}}body{margin:0;padding:0;box-sizing:border-box;background-color:bisque}.nav>div{display:inline-block}.nav{display:flex;justify-content:space-around;font-size:2.2em;font-weight:bolder;background-color:#deb887;align-items:center;height:60px;border-top:3px solid rgb(243,173,81)}.nav a{color:#000;text-decoration:none}#serch>input{font-size:.5em;font-weight:700;border:2px solid rgb(253,146,5);border-radius:15px;padding:5px}#movie{padding:.2% 3% 3%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;height:max-content}.box{box-shadow:#00000059 0 5px 15px;padding:3px;text-align:center;font-size:1.1em}.img_box{height:300px}.img_box>img{width:100%;height:100%}#link{margin:0;text-decoration:none;color:#000;font-size:1.3rem}#err{display:none;height:590px}#err>img{height:100%;width:100%}.pageBtn{padding:.7% 4%;display:flex;justify-content:end}.pageBtn>button{box-shadow:#00000059 0 5px 15px;padding:1% 2%;margin:0 2%}@media screen and (min-width:0px) and (max-width:321px){#movie{grid-template-columns:repeat(1,1fr);grid-gap:.3%}.nav{font-size:.8rem;height:30px}#serch>input{font-size:.55rem}}@media screen and (min-width:321px) and (max-width:720px){#movie{grid-template-columns:repeat(2,1fr)}.nav{font-size:1.05em;height:40px}#serch>input{font-size:.7rem}}