@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{font-family:Poppins,sans-serif;background-image:url(/bg-shape4.svg);background-repeat:no-repeat;background-size:cover}.movies-content{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.item-movie{width:250px;height:300px;background-size:cover;border-radius:15px;display:flex;align-items:flex-end}.item-movie:hover>.info{color:#fff;background-color:#000}.info{background-color:#ffffffd9;width:100%;padding:10px 30px;height:87px;display:flex;flex-direction:column;justify-content:space-around;border-radius:0 0 15px 15px;transition:.7s}.info p{margin:0}.info p span{text-decoration:none}.info h4{margin:0 0 8px;line-height:19px}.row-info{display:flex;justify-content:space-between}.form-search{margin:3% 0 5%;justify-content:center}.form-search input[type=text]{font-family:inherit;padding:9px 17px;font-size:20px;border-radius:15px 0 0 15px;outline:none;border:0}.form-search input[type=submit]{font-size:20px;padding:12px 18px;border-radius:0 15px 15px 0;background-color:#000;color:#fff;border:0;cursor:pointer}.form-search input[type=submit]:hover{background-color:#483f3f}.App{text-align:center;margin:0 8% 4%}.form-search h2{font-size:50px;cursor:pointer}.single-movie{display:flex;gap:25px;margin:7% 0 3%;justify-content:center}.single-movie .single-info{width:500px;text-align:left;background-color:#ffffff9e;padding:13px 25px;border-radius:15px}.single-movie .single-info h2{font-size:40px;line-height:42px;margin-top:0}.single-movie img{border-radius:15px;object-fit:cover;width:300px}@keyframes spinner{to{transform:rotate(360deg)}}.loading{width:6rem;height:6rem;margin:0 auto;margin-top:10rem;border-radius:50%;border:8px solid #000;border-top-color:#fcaf3c;animation:spinner .6s linear infinite}p.author{display:flex;justify-content:center;FONT-VARIANT:JIS04;margin-top:3%;gap:7px;color:#fff}p.author a{text-decoration:none;font-weight:700;color:#fff}.search-bar{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.form-search input[type=text]{max-width:250px}.single-movie{flex-direction:column;align-items:center}.single-info{max-width:90%}}@media (max-width: 470px){.form-search input[type=text]{max-width:140px}.single-movie img{max-width:100%}.single-movie .single-info h2{font-size:30px}}